锐客网

  1. 首页 > 生活百科 > >

为什么要用id选择器，html id选择器用于建立派生选择器怎么理解

经验分享生活百科

1，html id选择器用于建立派生选择器怎么理解ID为 #sidebar 包含的 p标签的样式你的选择器写错了，应该这样写p#sidebar，#sidebar p选择的是像下面我写的那个#sidebar p { font-style: italic; text-align: right; margin-top: 0.5em; } 无法显示样式表效果 这样就可以显示了，你要选择的是这里
2，css中的id选择器和派生器是怎么回事啊还有类选择器还有派生器派生选择器可以使一个元素里的子元素定义样式例如：li a 就是给li下的子元素a定义一个14px号像素的字体样式类别选择器在html中引入css样式通常由，类别选择器在CSS中用一个“.”点开头表示如：.box 在html页面中，用class="类别名"的方法调用：<div class="box">这里是内容</div>类别选择器方法比较简单灵活，可以随时根据页面的需求新建和删除还有 ， id选择器在CSS中用“#”号开头表示如：#box 在html页面中，用id="类别名"的方法调用：<div id="box">这里是内容</div>id选择器和类别选择器其实是一样的通常id选择器仅是用来表示不重复的样式相对的来说，类别选择器灵活一些，而id选择器仅表示重要的样式字段追问：上述回答中，派生选择器的定义是：可以使一个元素里的子元素定义样式 ， 那我如何判断哪个元素是那个元素的子元素回答：如：常用的 li 下的 a、p、span、strong所谓的继承 div ul li span 等等
3，CSS里的HTML选择器类选择器ID选择器用于哪些范围ID的优先级最高，用于特定或者特指的 ， 还有就是js里头用到ID选择比较多，类选择器是最常用，一个是用于复用某些CSS ， 另一个就是用来找后代，毕竟不可能为每个html标签定义一个class，html一般是一开始采用 ， 比如body，a，list-type等等，而后就是跟着class后面找后代，组成复合选择器额 ， 我也来帮你回答一下吧 。<!-- -->这个本来是html注释 。但是在<style></style>或者<script></script>里面是用来针对ie5的一种特殊写法，为了让ie5辨认css的 。现在应该可以不用这种写法了，毕竟没人会用ie5吧 。p个人不喜欢这个写法 。color后面最好用#ff3300；这样的写法才是最好的css标准 。字体的话不要用特殊字体 ， 因为你电脑上可以显示，别人电脑上没这个字体就不能显示了！------------------------------------------------至于class和id；区别在css上是没有多大的 。只是class可以被无限使用 。id只能用一个（在js或者后台语言中对id控制很严格的 ， id是配合后台或者js做的东东） 。一般布局建议用class写法 。这样不会和后台特殊用法的id冲突【为什么要用id选择器，html id选择器用于建立派生选择器怎么理解】
4，css定义为什么不全用CLASS而要用ID在某些方面，ID 选择器类似于类选择器，不过也有一些重要差别1. 引用的形式上，类选择器提供了对类名相同的标签同时样式控制的便利，课单独操作一个标签时继续引入一个Class有些大材小用，尤其是维护一个样式复杂的页面，用class去操作单一的标签容易搞混淆2. 优先级上，ID选择器可以保证更高的优先级，达到更精细的样式控制3. ID可以保证唯一性 ， 与类不同，在一个 HTML 文档中，ID 选择器会使用一次，而且仅一次4. ID 丰富了样式的描述，同时提供更精细的动作选择支持，比如配合Jscript的使用 ， 可以独立于元素来选择 ID 。有些情况下，您知道文档中会出现某个特定 ID 值 ， 但是并不知道它会出现在哪个元素上，所以您想声明独立的 ID 选择器 。有利于配合JS等的操作#id.class的意思是一个元素定义了一个id的同时还具备对应的一个class样式 。例如#skin_0.selected这个样式，就只有在li定义了id为skin_0的同时还定义了.selected的时候才会生效，如果只是给li单单定义一个selected ， 这个样式是不会生效的 。因为你的这一段css代码里面，列表里的6个li的背景是一个大图里面的六个部分，所以就要单独定义每一个li的背景，但一个li被选中时，js会给它加上一个selected的class，如果直接写成.selected ， 就不能单个定义这6个li被选中的状态了~~这是因为，ID的优先级非常高 ， 用id 可以绝对提高优先级！--------------我简单给你讲解，用class 的好处：css 可以用 class  ， 也可以用 id。他们区别在于：一个页面只有一个id （这是标准，规定的） ， 但是可以有无限个 class 。所以，css 如果用 id  ， 那不利于多出引用 。---------------------但是，css定义为什么不全用CLASS而要用ID有问题追问，我是前端攻城师！5，CSS 的 ID 和 Class 有什么区别如何正确使用它们在样式表定义一个样式的时候，可以定义id也可以定义class 。一、CSS 类选择器 class1.类选择器允许以一种独立于文档元素的方式来指定样式 。2.该选择器可以单独使用，也可以与其他元素结合使用 。提示：只有适当地标记文档后，才能使用这些选择器，所以使用这两种选择器通常需要先做一些构想和计划 。要应用样式而不考虑具体设计的元素，最常用的方法就是使用类选择器 。3. 语法使用以下语法向这些归类的元素应用样式 ， 即类名前有一个点号（.），然后结合通配选择器：*.important 如果您只想选择所有类名相同的元素，可以在类选择器中忽略通配选择器 ， 这没有任何不好的影响：.important 4.类选择器可以结合元素选择器来使用 。例如，您可能希望只有段落显示为红色文本：p.important 选择器现在会匹配 class 属性包含 important 的所有 p 元素，但是其他任何类型的元素都不匹配，不论是否有此 class 属性 。选择器 p.important 解释为：“其 class 属性值为 important 的所有段落” 。因为 h1 元素不是段落，这个规则的选择器与之不匹配，因此 h1 元素不会变成红色文本 。如果你确实希望为 h1 元素指定不同的样式，可以使用选择器 h1.important：p.important h1.important 5.重要事项：在 IE7 之前的版本中 ， e79fa5e98193e4b893e5b19e31333339663966不同平台的 Internet Explorer 都不能正确地处理多类选择器 。二、CSS ID 选择器:1.ID 选择器允许以一种独立于文档元素的方式来指定样式 。2.在某些方面，ID 选择器类似于类选择器，不过也有一些重要差别 。3.语法首先，ID 选择器前面有一个 # 号 - 也称为棋盘号或井号 。请看下面的规则：*#intro #intro 这个选择器的效果将是一样的 。第二个区别是 ID 选择器不引用 class 属性的值，毫无疑问，它要引用 id 属性中的值 。以下是一个实际 ID 选择器的例子：<p id="intro">This is a paragraph of introduction.</p>三、类选择器还是 ID 选择器？类选择器可以为任意多个元素指定类 。区别 1：只能在文档中使用一次与类不同 ， 在一个 HTML 文档中，ID 选择器会使用一次，而且仅一次 。区别 2：不能使用 ID 词列表不同于类选择器，ID 选择器不能结合使用，因为 ID 属性不允许有以空格分隔的词列表 。区别 3：ID 能包含更多含义类似于类 ， 可以独立于元素来选择 ID 。有些情况下，您知道文档中会出现某个特定 ID 值，但是并不知道它会出现在哪个元素上 ， 所以您想声明独立的 ID 选择器 。例如 ， 您可能知道在一个给定的文档中会有一个 ID 值为 mostImportant 的元素 。您不知道这个最重要的东西是一个段落、一个短语、一个列表项还是一个小节标题 。您只知道每个文档都会有这么一个最重要的内容，它可能在任何元素中，而且只能出现一个 。在这种情况下，可以编写如下规则：#mostImportant 这个规则会与以下各个元素匹配（这些元素不能在同一个文档中同时出现 ， 因为它们都有相同的 ID 值）：<h1 id="mostImportant">This is important!</h1><em id="mostImportant">This is important!</em><ul id="mostImportant">This is important!</ul>四、区分大小写请注意，类选择器和 ID 选择器可能是区分大小写的 。这取决于文档的语言 。HTML 和 XHTML 将类和 ID 值定义为区分大小写，所以类和 ID 值的大小写必须与文档中的相应值匹配 。因此，对于以下的 CSS 和 HTML，元素不会变成粗体：#intro <p id="Intro">This is a paragraph of introduction.</p>由于字母 i 的大小写不同，所以选择器不会匹配上面的元素 。摘自：http://www.w3school.com.cn/css/css_selector_class.asp在样式表定义一个样式的时候，可以定义id也可以定义class 。一、css 类选择器 class1.类选择器允许以一种独立于文档元素的方式来指定样式 。2.该选择器可以单独使用 ， 也可以与其他元素结合使用 。提示：只有适当地标记文档后，才能使用这些选择器，所以使用这两种选择器通常需要先做一些构想和计划 。要应用样式而不考虑具体设计的元素，最常用的方法就是使用类选择器 。3. 语法使用以下语法向这些归类的元素应用样式，即类名前有一个点号（.） ， 然后结合通配选择器：*.important 如果您只想选择所有类名相同的元素，可以在类选择器中忽略通配选择器，这没有任何不好的影响：.important 结合元素选择器4.类选择器可以结合元素选择器来使用 。例如，您可能希望只有段落显示为红色文本：p.important 选择器现在会匹配 class 属性包含 important 的所有 p 元素 ， 但是其他任何类型的元素都不匹配，不论是否有此 class 属性 。选择器 p.important 解释为：“其 class 属性值为 important 的所有段落” 。因为 h1 元素不是段落 ， 这个规则的选择器与之不匹配，因此 h1 元素不会变成红色文本 。如果你确实希望为 h1 元素指定不同的样式，可以使用选择器 h1.important：p.important h1.important 5.重要事项：在 ie7 之前的版本中，不同平台的 internet explorer 都不能正确地处理多类选择器 。二、css id 选择器:1.id 选择器允许以一种独立于文档元素的方式来指定样式 。2.在某些方面，id 选择器类似于类选择器，不过也有一些重要差别 。3.语法首先，id 选择器前面有一个 # 号 - 也称为棋盘号或井号 。请看下面的规则：*#intro 与类选择器一样，id 选择器中可以忽略通配选择器 。前面的例子也可以写作：#intro 这个选择器的效果将是一样的 。第二个区别是 id 选择器不引用 class 属性的值，毫无疑问 ， 它要引用 id 属性中的值 。以下是一个实际 id 选择器的例子：this is a paragraph of introduction.三、类选择器还是 id 选择器？类选择器可以为任意多个元素指定类 。区别 1：只能在文档中使用一次与类不同，在一个 html 文档中，id 选择器会使用一次 ， 而且仅一次 。区别 2：不能使用 id 词列表不同于类选择器，id 选择器不能结合使用，因为 id 属性不允许有以空格分隔的词列表 。区别 3：id 能包含更多含义类似于类，可以独立于元素来选择 id 。有些情况下，您知道文档中会出现某个特定 id 值，但是并不知道它会出现在哪个元素上，所以您想声明独立的 id 选择器 。例如 ， 您可能知道在一个给定的文档中会有一个 id 值为 mostimportant 的元素 。您不知道这个最重要的东西是一个段落、一个短语、一个列表项还是一个小节标题 。您只知道每个文档都会有这么一个最重要的内容，它可能在任何元素中，而且只能出现一个 。在这种情况下，可以编写如下规则：#mostimportant 这个规则会与以下各个元素匹配（这些元素不能在同一个文档中同时出现，因为它们都有相同的 id 值）：this is important!this is important!this is important!四、区分大小写请注意，类选择器和 id 选择器可能是区分大小写的 。这取决于文档的语言 。html 和 xhtml 将类和 id 值定义为区分大小写，所以类和 id 值的大小写必须与文档中的相应值匹配 。因此，对于以下的 css 和 html，元素不会变成粗体：#intro this is a paragraph of introduction.由于字母 i 的大小写不同 ， 所以选择器不会匹配上面的元素 。所有的复猫都有尾巴，这就是 class；你家的花花尾巴是黄黑杂色的，制“花花”就是2113id 。—----------------------------你有一个网页 ， 5261上面3个按钮，要让它们高宽相同，就4102用 class；其中的“提交”按钮的背景更1653亮，就用id来指定css 。

    推荐阅读


    上一篇：新苹果卡顿是什么原因，为什么我买的苹果非常卡

    下一篇：罗技G29驱动在官网哪里下载？罗技驱动在哪儿下载