CSS 选择器，就是说CSS里面所有Style的内容对哪些模块起作用，譬如如果我们简单的写：p {color: red}，那么对所有的<p>都会起作用。很多时候，这么简单的用法不能满足网页设计的需求，于是很多中选择器就产生了。
1. tag选择器
这个没什么特别好说的，就如同前面说的，h1{font-size: 4em}，这种一次性对所有某个tag都起作用的选择器
2. class选择器
这个可以理解为一种分类选择器。不同种类的tag可以有相同的class，那么他们的外观会一样；相同的tag可以有不同的class，他们的外观会不同。例如
.note {
font-size: .85em;
color:#294e56;
margin: 0 100px;
padding: 10px;
border: 1px solid #73afb7;
background-color: #fbef99;
}
注意那个小点。
使用的时候，可以简单的说<p class="note">, <h2 class="note">这样就OK了。
3. id选择器
id选择器主要是为了唯一的表示网页中某部分内容，一般情况下是为了和Javascript一起使用。
#wrapper {
width:680px;
margin: 0 auto;
padding: 0 20px;
border-left: 1px solid #666666;
border-right: 1px solid #666666;
}
使用的时候，可以简单的说<div id="wrapper">这样就OK了。
4. 组选择器
这个很好理解，说白了就是对一组选择器指定样式，譬如
h1, p, .copyright, #banner { color: #F1CD33; }
还一种更好玩，就是*通配所有的tag
5. 层次选择器
这个稍微复杂一些，首先你要理解HTML的层次结构。譬如下面这段HTML代码
<html>
<head>
<title>示例</title>
</head>
<body>
<h1><strong>CSS</strong>使用手册</h1>
<p>这本书讲得是<strong>CSS</strong>的......
</body>
</html>
那么html这个tag就是head的父亲或者先祖tag，也是body的父亲或者先祖。同理，body和head是html的儿子或者是后代。title只是html的后代，而不是儿子；html只是tag的先祖而不是父亲。head和body是兄弟。
有了这个基础，下面的就好理解了。
如果我们仅仅是想把h1里面的strong的内容变成红色，而其他的strong里面的我保持默认的方法。那么我就可以定义如下的选择器：
h1 strong {color: red}
当然这个可以更复杂一些，譬如：
p.intro strong {color: red} 可以使嵌于tag p并且这个p的class是intro的strong变成红色。
6. 高级选择器
这些选择器一般的情况可能不会用，而且有些浏览器可能不支持^_^
a:link a:visited a:hover a:active
p:hover div:hover (-IE6)
:before
:after
:first-child
:focus
后四种的支持度现在我还没有弄清楚，顺便再强调一下，平时我用Mac+Safari4或者是Windows+IE7（我不喜欢 Firefox是因为他的理念是用内存换速度，我不喜欢）。
h1 > strong 儿子选择器
h1 + table 兄弟选择器
a[href="http://www.cosmofarmer.com"]{ color:red; font-weight:bold; } 属性选择器
分享到：
相关推荐
在CSS选择器的体系中，存在多种不同类型的选择器，每种都有其特定的用途和使用场景。 首先，元素选择符是最基本的类型，包括通配符选择器、标签选择器、id选择器和class选择器。通配符选择器用“*”表示，可以选中...
在React开发中，CSS选择器是用于特定于组件的样式化的一种强大工具。React组件的样式管理是一个关键的方面，因为它影响着应用的可维护性和性能。本篇将深入探讨React组件与CSS选择器的结合使用，以及如何优化组件的...
此外，CSS 还提供了分组选择器，可以将多个选择器分组在一起，并应用同样的样式。例如： ```css h2, p {color: gray;} ``` 这将将 h2 和 p 元素的颜色设置为灰色。 分组选择器可以将任意多个选择器分组在一起，对此...
相比XPath或其他方法，CSS选择器往往更简洁、直观，对于前端开发者来说尤其友好。 在Scrapy中，`Selector`类提供了对文档进行解析和提取数据的功能，而CSS选择器就是其主要的数据定位手段。使用CSS选择器，你可以像...
### CSS选择器的应用 #### CSS概述与引入方式 CSS（层叠样式表）是一种用于定义HTML文档中元素样式的语言。它允许开发者控制网页布局、颜色、字体等外观特性，从而增强网页的表现力。CSS可以通过多种方式引入： -...
在前端开发中，CSS选择器是用于选取网页元素并应用样式的重要工具。高效的CSS选择器能够提高页面渲染速度，优化用户体验，特别是在处理大型或者复杂的页面结构时显得尤为重要。本篇文章将探讨如何使用CSS选择器来...
下面是前端开发中经常使用的 30 个 CSS3 选择器，包括通用元素选择器、ID 选择器、类选择器、标签选择器、伪类选择器、毗邻元素选择器、子元素选择器、属性选择器等。 1. 通用元素选择器 * 通用元素选择器*是选择...
常用选择器是 CSS 选择器中最基本的选择器，包括三种类型：ID 选择器、类选择器和标签选择器。 * ID 选择器：根据元素的 ID 来选择元素，例如 `#demoDiv{color:#FF0000;}`。在 HTML 中，元素可以定义一个 ID 属性，...
CSS选择器的介绍和使用,什么是CSS选择器？CSS选择器可以用于我们需要添加的样式的标签。想要在HTMLl页面中的元素实现一对一，一对多或者多对一的控制，就得要使用css选择器，css选择器进控制着HTML页面中的元素。
### CSS选择器与jQuery选择器详解 #### 一、引言 在现代Web开发中，选择器扮演着至关重要的角色。无论是对HTML元素应用样式还是对其进行动态操作，选择器都是必不可少的工具。本文将深入探讨两种常用的选择器——...
"前端css选择器练习diner.zip" 是一个针对CSS选择器学习和实践的资源包，名为"css-diner"。 在"css-diner"这个练习中，你可以深入理解并掌握各种CSS选择器的用法，从而提升你的前端开发技能。以下是一些关于CSS选择...
CSS选择器的灵活性和多样性是CSS强大之处的关键因素之一。下面是一些关于CSS选择器的资源描述。 ### CSS选择器资源描述 #### 1. **官方文档与教程** - **MDN Web Docs**：Mozilla提供的MDN Web Docs是学习CSS选择...
在这个主题“Scrapy爬虫下的CSS选择器使用”中，我们将深入探讨如何利用CSS选择器在Scrapy中提取网页数据。 首先，CSS（Cascading Style Sheets）选择器是用于选取HTML或XML文档中元素的工具，其在网页设计中广泛...
标题"让ie兼容css选择器"指的是通过引入外部JavaScript文件，如ie7.js、ie8.js和ie9.js，来增强这些旧版IE浏览器对CSS选择器的支持，使它们能够理解和应用更先进的CSS规则。这些JavaScript库通常会模拟缺失的功能，...
### 四大类CSS选择器的使用说明 #### 一、基础选择器 **基础选择器**主要包括四种类型：标签（元素）选择器、类选择器、ID选择器以及通配符选择器。 1. **标签选择器**：用于选取文档中的特定HTML标签。例如： `...
本文将深入探讨CSS选择器的种类、用法及其在实际开发中的应用。** 首先，我们要了解CSS选择器的基本分类： 1. **类型选择器**：基于元素的标签名进行选择，如`h1`，`p`等。 2. **类选择器**：使用`.`前缀，匹配...
以下是对CSS选择器的详细介绍： 一、基本选择器 通用选择器（*）： 匹配HTML或XML文档中的所有元素。 例如：* { margin: 0; padding: 0; } 将所有元素的外边距和内边距设置为0。 元素（标签）选择器（E）： 通过...