CSS中选择器的分类

总结CSS样式表中的一些选择器，以供您参考:

1. 常用选择器

最常用的选择器类型是类型选择器和后代选择器. 类型选择器用于查找元素的特定类型，例如段落或标题元素，而您只需要指定要应用样式的元素的名称即可. 类型选择器有时称为元素选择器或简单选择器.

p {color: red;}后代选择器用于查找指定元素或元素组的后代. 后代选择器由其他两个选择器之间的空格表示. 在下面的示例中，只有缩进是块引用的后代的段落元素，所有其他段落均不受影响.

blockquote p {padding-left: 2em;}另外，如果要查找更多特定元素，可以使用ID选择器和类型选择器. 这两个选择器用于查找具有指定ID或类名称的那些元素. ID选择器由#字符表示，类选择器由句点表示. 下例中的第一个规则使简介段落中的文本变为粗体，第二个规则使日期变为绿色.

#intro {font-weight: bold;}. date-posted {color: #ccc;}

安迪生日快乐

2009年3月24日

2. 通用选择器

通用选择器可能是所有选择器中功能最强大但使用最少的选择器. 通用选择器的最常见用法就像通配符（请参阅正则表达式知识）css 中的选择器包括，它匹配所有可用元素. 通用选择器以星号表示，通常用于将样式应用于页面上的所有元素. 例如，您可以使用以下规则在默认浏览器中删除每个元素的内部和外部页边空白:

* {padding: 0; margin: 0;}与其他选择器结合使用时，通用选择器可用于将样式应用于元素的所有后代，或跳过一级后代.

3. 高级选择器

3.1子选择器和相邻的兄弟选择器

第一个高级选择器是子选择器. 后代选择器选择元素的所有后代，而子选择器仅选择元素的直接后代，即子元素. 如:

#nav> li {background: url（folder.png）no-repeat left top;}上面的代码意味着ID名称为nav的直系后代li可以具有上述样式:

• 我可以通过上述样式修改
• 我也可以通过以上样式修改
  • 我不能通过以上样式修改上方样式 3.2属性选择器

    有时，您可能需要根据元素与另一个元素的接近程度将样式应用到该元素. 相邻的同级选择器可用于在同一父元素下的某个元素之后定位元素. 您可以使用相邻的同级选择器使顶级标题后的第一段以粗体显示，如下所示:

    h2 + p {font-weight: bold;} 3.3属性选择器

    属性选择器根据属性的存在或值搜索元素. 由于解释的长度，请参阅“ CSS: 属性选择器”.

    3.4级联和特殊性

    

    由于说明的篇幅，请参阅“ CSS: 级联和”.

    3.5继承

    应用样式的元素的后代将继承样式的某些属性css 中的选择器包括，例如颜色和字体大小. 继承消除了开发人员向元素的每个后代添加相同样式的需要. 如果要设置的属性是继承的，则还可以将其应用于父类. 可以写成:

    p，div，h1，h2，h3，ul，ol，dl，li {color: black;}但是下面的代码更简单:

    身体{color: black;}

    
    本文来自电脑杂谈，转载请注明本文网址：
    http://www.pc-fly.com/a/jisuanjixue/article-256093-1.html