CSS选择器
css选择器的三种基本类型
css选择器的三种基本类型CSS选择器是用来定位HTML页面中要使用样式的不同元素的方式。
通过不同的选择器，我们可以定位单个元素，以及多个具有相同样式的元素。
在CSS中，有三种基本类型的选择器：元素选择器、id选择器和类选择器。
第一种是元素选择器，也称为标签选择器。
这种选择器是通过HTML标签的名称来匹配元素的。
例如，要选择所有段落元素，就可以用p选择器，如下所示：```p {color: red;}```这将把所有的段落元素的文本颜色设置为红色。
如果你只希望选择某个特定的元素，可以使用类或ID选择器。
第二种是id选择器，这种选择器是通过元素的id属性来定位元素的。
id属性是唯一的，因此可以使用id选择器来针对特定的元素。
例如，在以下HTML中：```<div id="header"><h1>My Header</h1></div>```要选择标题元素，可以使用以下选择器：```#header h1 {font-size: 24px;}这将选择具有id“header”的div元素中的标题元素，并将其字体大小设置为24像素。
在CSS中，id选择器使用“#”符号指定。
第三种是类选择器，这种选择器是通过元素的class属性来选择元素的。
class属性允许您为多个元素指定共同的样式。
在以下HTML 中：```<p class="intro">This is an introduction.</p><p class="intro">This is another introduction.</p>```要选择具有类“intro”的所有段落元素，则可以使用以下选择器：```p.intro {font-size: 14px;}这将选择所有具有类“intro”的段落元素，并将它们的字体大小设置为14像素。
css样式的六种选择器
css样式的六种选择器css常⽤的选择器有：1.标签选择器：标签选择器，这种选择器影响范围⼤，建议尽量应⽤在层级选择器中。
如：*{margin:0;padding:0} /* 影响所有的标签 */div{color:red} /* 影响所有的div标签 */<div>......</div> <!-- 对应以上两条样式 --><div class=”box”>......</div> <!-- 对应以上两条样式 -->2.id选择器：通过id名来选择元素，元素的id名称不能重复，所以⼀个样式设置项只能对应于页⾯上⼀个元素，不能复⽤，id名⼀般给程序使⽤，所以不推荐使⽤id作为选择器。
id是所有标签的属性，所有标签都有id属性，写代码时id的值是不允许重复的如：#box{color:red}<div id=”box”>......</div> <!-- 对应以上⼀条样式，其它元素不允许应⽤此样式 -->3.类选择器：（常⽤）通过类名来选择元素，⼀个类可应⽤于多个元素，⼀个元素上也可以使⽤多个类，应⽤灵活，可复⽤，是css中应⽤最多的⼀种选择器。
如：.red{color:red}.big{font-size:20px}.mt10{margin-top:10px}<div class=”red”>......</div>4.层级选择器：主要应⽤在选择⽗元素下的⼦元素，或者⼦元素下⾯的⼦元素，可与标签元素结合使⽤，减少命名，同时也可以通过层级，防⽌命名冲突。
如：.box span{color:red}.box .red{color:pink}.red{color:red}<div class=”box”><span>......</span><a href=”#” class=”red”>......</a></div><h3 class=”red”>......</h3>层级选择器最好不要超过四层，否则会影响性能。
css选择器 以某字端开头的命令
CSS选择器以某字端开头的命令一、介绍在CSS（层叠样式表）中，选择器是用来选择要应用样式的元素的模式。
在开发网页时，我们经常需要根据特定的元素选择器来应用样式。
而以某字端开头的命令是指以某个字母或字符串开头的选择器命令。
这些选择器命令在CSS中有着重要的作用，能够帮助我们快速有效地选择到指定的元素，从而实现网页的样式设计和布局。
本文将详细介绍CSS选择器中以某字端开头的命令，以及它们在实际开发中的应用。
二、ID选择器1. #idID选择器是通过元素的id属性来选择元素，id属性是页面上的唯一标识符。
在CSS中，我们可以使用以#符号开头的命令来选择指定id的元素，并为其设置样式。
例如：#header {background-color: #f2f2f2;border: 1px solid #000;}2. #[id^="value"]在实际开发中，有时候我们需要选择以某个值开头的id，这时可以使用以^符号开头的命令来实现。
我们想选择所有id以"menu"开头的元素，可以这样写：#[id^="menu"] {color: red;}三、类选择器1. .class类选择器是通过元素的class属性来选择元素，class属性可以用于多个元素。
在CSS中，我们可以使用以.符号开头的命令来选择指定class的元素，并为其设置样式。
例如：.button {background-color: #ff0000;color: #ffffff;}2. .[class^="value"]同样可以使用以^符号开头的命令来选择class以特定值开头的元素。
我们想选择所有class以"btn"开头的元素，可以这样写：.[class^="btn"] {font-size: 16px;}四、属性选择器1. [attribute=value]属性选择器是通过元素的属性值来选择元素，可以根据属性的值来设置样式。
css选择器四大类：基本、组合、属性、伪类
css选择器四⼤类：基本、组合、属性、伪类什么是选择器？选择器的作⽤是通过它可以找到元素，把css样式传递给元素！css选择器主要分为：基本选择器、属性选择器、组合选择器与伪类选择器四个⼤类！css基本选择器基本选择器⼜分为：*通配符、标签选择器、class选择器、id选择器，在这⾥需要注意的编程思想在css层叠样式表中元素有且仅有⼀个id。
注意以下⼏点1.id唯⼀性2.元素id不相同，就像每⼀个⼈只有⼀个⾝份证⼀样，ID就代表⾝份证3.class选择器不具有唯⼀性，它可以重复使⽤！此外这个*通配符代表的是全局1<!DOCTYPE html>2<html lang="en">3<head>4<meta charset="UTF-8">5<meta name="viewport" content="width=device-width, initial-scale=1.0">6<title>css基本选择器</title>7<style type="text/css">8 *{9 color: skyblue;10 }/**通配符*/11 div{12 color: red;13 }/*标签选择器*/14 .box{15 color: steelblue;16 }/*class选择器*/.box{color: steelblue;}也可以写成*.box{color: steelblue;}代表的所有的box字体颜⾊为 steelblue17 #content{18 color: tomato;19 }/*id选择器*/20</style>21</head>22<body>23<div class="box" id="content">24⼤灰⽜博客专注web前端技术学习25</div>26</body>27</html>css组合选择器把基本选择器通过特殊符号串在⼀起有意见称之为css组合选择器，常见的css组合选择器有：分组选择器、嵌套选择器、⼦选择器、相邻同级别选择器1<!DOCTYPE html>2<html lang="en">3<head>4<meta charset="UTF-8">5<meta name="viewport" content="width=device-width, initial-scale=1.0">6<title>css组合选择器</title>7<style type="text/css">8/* div{9 color: teal;10 font-size: 24px;11 }12 p{13 color: teal;14 } */15 div{16 font-size: 24px;17 }18 div,p{19 color: teal;20 }/*分组选择器*/21 div p{22 color: red;23 }/*嵌套选择器*/24 ul>li{25 font-size: 24px;26 list-style: square;27 }/*⼦选择器*/28 div+p{29 color: blue;30 }/*相邻同级别选择器*/31</style>32</head>33<body>34<div>35成功的花,⼈们只惊羡她现时的明艳!然⽽当初她的芽⼉,浸透了奋⽃的泪泉,洒遍了牺牲的⾎⾬36<p>⾃以为懂得很多了经历很多了最后才知道都是那么的可笑</p>37</div>38<p>我们不要只看成功者荣誉的瞬间,更要看到成功者为之努⼒、为之奋⽃的过程,从⽽激励⾃⼰也不断付出,奔着那个成功的⽬标前进.</p>39<p>成功的花,⼈们只惊羡她现时的明艳!然⽽当初她的芽⼉,浸透了奋⽃的泪泉,洒遍了牺牲的⾎⾬<span>我们不要只看成功者荣誉的瞬间,更要看到成功者为之努⼒、为之奋⽃的过程,从⽽激励⾃⼰也不断付出,奔着那个成功的⽬标前进. 40<ul>41<li>1</li>42<li>2</li>43<li>3</li>44</ul>45</body>46</html>css属性选择器基本选择器[属性]、基本选择器[属性=值]、基本选择器[属性~=值]空格符隔开多个、基本选择器[属性^=值]以什么开始、基本选择器[属性$=值]以什么结束1<!DOCTYPE html>2<html lang="en">3<head>4<meta charset="UTF-8">5<meta name="viewport" content="width=device-width, initial-scale=1.0">6<title>css属性选择器</title>7<style type="text/css">8 div[title]/*基本选择器[属性]*/9 div[title=english]{10 color: blue;11 }/*基本选择器[属性=值]*/12 div[title~=en]{13 color:#f90;14 font-weight: bold;15 }/*基本选择器[属性~=值] 任意包含有属性中的⼀个*/16 p,div[title^=zh]{17 font-size:24px;18 color: brown;19 }/*基本选择器[属性^=值]以什么开始*/20 div[title$=china]{21 letter-spacing: 10px;22 text-decoration: line-through;23 font-style: italic;24 }/*基本选择器[属性$=值]以什么结束*/25</style>26</head>27<body>28<div title="english">29 If you can NOT explain it simply, you do NOT understand it well enough30</div>31<div title="english en yingyu">32你们没发现嘛？2013爱你⼀⽣，2014爱你⼀世，2015爱你⼀屋，2016爱你⼀路，2017爱你⼀切，2018爱你⼀半，2019爱你依旧，2020爱你爱你，2021爱你⽽已33</div>34<p title="zh en">35 css选择器四⼤类：基本、组合、属性、伪类36</p>37<div title="zh en china">38 /dhnblog/p/12293463.html39</div>40</body>41</html>css伪类选择器从字⾯意思来讲，伪就是假的，元素是标签与标签包裹的内容，简单来说伪元素就是假的元素，假的反义词是真的，在页⾯中这些⼜是我们⾃⼰写的，所以它是真的。
CSS中的CSSSelectors是什么有什么用
CSS中的CSSSelectors是什么有什么用在网页设计和开发的领域中，CSS（Cascading Style Sheets，层叠样式表）是至关重要的一部分，它负责为网页赋予美观的样式和布局。
而在 CSS 中，CSS Selectors（CSS 选择器）则是实现精准控制样式应用的关键工具。
那么，CSS Selectors 到底是什么呢？简单来说，CSS Selectors 就是一种模式，用于在 HTML 文档中选择特定的元素，以便为其应用相应的样式。
想象一下，网页就像是一个大舞台，HTML 中的各种元素（比如标题、段落、图片、链接等）是舞台上的演员，而 CSS Selectors 就是导演手中的“点名册”，通过它可以指定要给哪些“演员”化妆、穿什么样的服装。
比如说，我们常见的标签选择器（如｀p` 选择所有的段落元素，｀h1` 选择所有的一级标题元素），就是一种最基本的 CSS Selectors。
当我们写下｀p ｛ fontsize: 16px; ｝｀时，就意味着所有的段落元素都会应用 16 像素的字体大小。
除了标签选择器，还有类选择器和 ID 选择器。
类选择器使用｀classname` 的形式，通过给元素添加｀class` 属性来应用样式。
比如｀＜p class=＂myParagraph"＞｀，然后在 CSS 中使用｀myParagraph ｛ color: red; ｝｀来将这个段落的文字颜色设置为红色。
ID 选择器则使用｀idname` 的形式，每个 HTML 页面中，ID 值应该是唯一的。
例如｀＜div id=＂mainContent"＞｀，对应的 CSS 可以是｀mainContent ｛ backgroundcolor: f1f1f1; ｝｀。
属性选择器也是非常有用的一种选择器。
它可以根据元素的属性及其值来选择元素。
比如说，｀type=＂submit"｀可以选择所有｀type`属性值为｀submit` 的元素，然后为它们设置样式。
网页设计代码css知识点
网页设计代码css知识点在网页设计中，CSS是一种重要的编程语言，用于控制网页的样式和布局。
掌握CSS知识点，能够让我们更好地设计和优化网页，提升用户体验。
本文将介绍一些常见的CSS知识点，以帮助读者更好地理解和应用CSS。
一、CSS选择器CSS选择器用于选择HTML文档中的元素，并为其应用样式。
常见的CSS选择器包括：1. 元素选择器：通过元素名称选择元素。
例如，p选择所有的段落元素。
2. 类选择器：通过class属性选择元素。
例如，.intro选择所有class 为intro的元素。
3. ID选择器：通过id属性选择元素。
例如，#header选择id为header的元素。
4. 后代选择器：选择元素的后代元素。
例如，ul li选择所有ul元素中的li元素。
5. 伪类选择器：用于选择特定状态的元素。
例如，:hover选择鼠标悬停在元素上的状态。
二、盒模型在CSS中，每个元素都被看作是一个矩形的盒子，盒模型由四个部分组成：内容(content)、填充(padding)、边框(border)和外边距(margin)。
1. 内容：元素的实际内容，包括文本和图像等。
2. 填充：元素内容和边框之间的空白区域。
3. 边框：填充区域的边界。
4. 外边距：边框和相邻元素之间的空白区域。
通过CSS中的属性可以调整盒模型的大小、颜色和边框样式等。
三、尺寸和定位1. 宽度和高度：使用width和height属性设置元素的宽度和高度。
2. 相对定位：使用position属性设置元素的定位方式。
常见的定位方式有相对定位(relative)和绝对定位(absolute)。
3. 浮动：使用float属性将元素从正常的文档流中移动，并使其向左或向右浮动。
四、文本样式1. 字体样式：使用font-family属性设置字体样式。
例如，font-family: Arial, sans-serif;设置字体为Arial或者sans-serif。
css各类选择器 试题
css各类选择器试题CSS 选择器试题 5问题：什么是元素选择器？并给出一个示例。
答案：元素选择器是基于HTML元素名选择元素的方式。
例如，要选择页面上的所有<p>元素，并设置其文本颜色为红色，可以这样写：cssp {color: red;}问题：类选择器如何定义？并给出一个示例。
答案：类选择器使用.来选择带有指定类的元素。
例如，要选择类名为.highlight的所有元素，并设置其背景色为黄色，可以这样写：css.highlight {background-color: yellow;}问题：ID选择器与类选择器有什么区别？并给出一个ID选择器的示例。
答案：ID选择器使用#来选择带有指定ID的元素，而类选择器使用.来选择带有指定类的元素。
主要的区别是ID在页面上是唯一的，而类可以用于多个元素。
例如，要选择ID为#unique-id的元素，并设置其字体大小为20px，可以这样写：css#unique-id {font-size: 20px;}问题：什么是属性选择器？并给出一个示例。
答案：属性选择器允许我们基于元素的属性和值来选择元素。
例如，要选择所有带有target="_blank"属性的<a>元素，并设置其文本颜色为绿色，可以这样写：cssa[target="_blank"] {color: green;}问题：什么是伪类选择器？并举一个:hover伪类的例子。
答案：伪类选择器用于选择HTML元素的特定状态。
例如，:hover伪类用于选择鼠标悬停上的元素。
以下是一个将鼠标悬停上的<a>元素的文本颜色设置为红色的例子：cssa:hover {color: red;}。
CSS中的选择器有哪些类型各自的特点是什么
CSS中的选择器有哪些类型各自的特点是什么在网页设计和开发中，CSS（层叠样式表）是用于美化网页外观的重要工具。
而选择器则是 CSS 中用于选取需要应用样式的元素的关键部分。
就好像在一个装满各种物品的盒子里，选择器就是帮助我们准确找到想要处理的那些物品的工具。
下面让我们一起来了解一下 CSS 中的选择器有哪些类型，以及它们各自的特点。
一、简单选择器1、类型选择器（元素选择器）类型选择器是根据元素的名称来选择元素的。
例如，｀p` 选择器会选中所有的｀＜p>｀段落元素，｀h1` 选择器会选中所有的｀＜h1>｀标题元素。
它的特点是简单直接，能够快速地为同一类型的元素应用相同的样式。
但如果只想针对特定的某个或某些同类元素进行样式设置，类型选择器就显得不够精确了。
2、类选择器类选择器通过在元素的｀class` 属性中指定的类名来选择元素。
使用点号（）加上类名来定义，例如｀myClass` 。
其特点是可以将相同的样式应用于多个不同类型的元素，只要它们被赋予了相同的类名。
这使得样式的应用更加灵活，能够跨越元素类型的限制。
3、 ID 选择器ID 选择器是通过元素的｀id` 属性来选择元素的，使用井号（）加上 ID 名称，例如｀myId` 。
每个页面中每个 ID 都应该是唯一的，这就决定了 ID 选择器具有极高的特异性。
它通常用于选择单个、独特的元素，并且在整个页面中应该只使用一次。
二、组合选择器1、后代选择器后代选择器用于选择作为某元素后代的元素。
例如，｀div p` 会选择所有在｀＜div>｀元素内部的｀＜p>｀元素。
它的特点是能够精确地选择嵌套在特定元素内部的元素，从而实现更精细的样式控制。
2、子选择器子选择器只选择直接作为某元素子元素的元素。
例如，｀div ＞ p`只会选择｀＜div>｀元素的直接子元素｀＜p>｀，而不会选择｀＜div>｀内部嵌套的其他｀＜div>｀中的｀＜p>｀元素。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
CSS选择器1.常用选择器常用的选择器有类型选择器和后代选择器。
1.1类型选择器类型选择器用来选择特定类型的元素。
可以根据三种类型来选择。
1）ID选择器，根据元素ID来选择元素。
前面以”#”号来标志，在样式里面可以这样定义：#demoDiv{color:#FF0000;}这里代表id为demoDiv的元素的设置它的字体颜色为红色。
我们在页面上定义一个元素把它的ID定义为demoDiv，如：<div id="demoDiv">这个区域字体颜色为红色</div>用浏览器浏览，我们可以看到因为区域内的颜色变成了红色再定义一个区域<div>这个区域没有定义颜色</div>用浏览器浏览，与预期的一样，区域没有应用样式，所以区域中的字体颜色还是默认的颜色黑色。
2）类选择器根据类名来选择前面以”.”来标志，如：.demoDiv{color:#FF0000;}在HTML中，元素可以定义一个class的属性。
如：<div class="demo">这个区域字体颜色为红色</div>同时，我们可以再定义一个元素：<p class="demo">这个段落字体颜色为红色</p>最后，用浏览器浏览，我们可以发现所有class为demo的元素都应用了这个样式。
包括了页面中的div元素和p元素。
上例我们给两个元素都定义了class，但如果有很多个元素都会应用这个元素，那个一个个的定义元素，就会造成页面重复的代码太多，这种现象称为“多类症”。
我们可以改成这样来定义。
<div class="demo"><div>这个区域字体颜色为红色</div>同时，我们可以再定义一个元素：<p>这个段落字体颜色为红色</p></div>这样，我们就只是定义了一个类，同时把样式应用到了所有的元素当中。
3）标签选择器根据标签选择用标签选择指根据标签名来应用样式，定义时，直接用标签名。
如：div{color:#FF0000;}我们再定义一个元素。
<div>这个区域字体颜色为红色</div><div>这个区域字体颜色也为红色</div>用浏览器浏览，我们发现两个DIV元素都被应用了样式，这里不用定义id，也无需要定义class属性。
示例参见：根据标签来选择元素.html这种选择方式非常的有用，比如你觉得锚链接的下划线不太美观，想把所有的锚链接的样式都设成无下划线形式，颜色为鲜艳的蓝色。
可以这样定义。
a{text-decoration:none;color:#00CCCC;}1.2 后代选择器后代选择器也称为包含选择器，用来选择特定元素或元素组的后代，后代选择器用两个常用选择器，中间加一个空格表示。
其中前面的常用选择器选择父元素，后面的常用选择器选择子元素，样式最终会应用于子元素中。
如：<style>.father .child{color:#0000CC;}</style><p class="father">黑色<label class="child">蓝色<b>也是蓝色</b></label></p>这里我们定义了所有class属性为father的元素下面的class属性为child的颜色为蓝色。
后代选择器是一种很有用的选择器，使用后代选择器可以更加精确的定位元素。
1.3. 伪类有时候还会需要用文档以外的其他条件来应用元素的样式，比如鼠标悬停等。
这时候我们就需要用到伪类了。
以下是链接应用的伪类定义。
a:link{color:#999999;}a:visited{color:#FFFF00;}a:hover{color:#006600;}/* IE不支持，用Firefox浏览可以看到效果*/input:focus{background:# E0F1F5;}Link表示链接在没有被点击时的样式。
Visited表示链接已经被访问时的样式。
Hover表示当鼠标悬停在链接上面时的样式。
伪类不仅可以应用在链接标签中，也可以应用在一些表单元素中，但表单元素的应用IE不支持，所以一般伪类都只会被应用在链接的样式上。
1.4. 通用选择器通用选择器用*来表示。
例如：*{font-size: 12px;}表示所有的元素的字体大小都是12px；同时通用选择器还可以和后代选择器组合。
例如：p *{……}表示所有p元素后代的所有元素都应用这个样式。
但是与后代选择器的搭配容易出现浏览器不能解析的情况，比如像这样子：<p>所有的文本都被定义成红色<b>所有这个段落里面的子标签都会被定义成蓝色</b><p>所有这个段落里面的子标签都会被定义成蓝色</p><b>所有这个段落里面的子标签都会被定义成蓝色</b><em>所有这个段落里面的子标签都会被定义成蓝色</em></p>这个例子里面p标签里面嵌套了一个p标签，这个时候样式可能会出现与预期结果不相同的结果。
1.5. 群组选择器当几个元素样式属性一样时，可以共同调用一个声明，元素之间用逗号分隔。
如：p, td, li {line-height:20px;color:#c00;}#main p, #sider span {color:#000;line-height:26px;}.www_52css_com,#main p span {color:#f60;}.text1 h1,#sider h3,.art_title h2 {font-weight:100;}使用群组选择器，将会大大的简化CSS代码，将具有多个相同属性的元素，合并群组进行选择，定义同样的CSS属性，这大大的提高了编码效率，同时也减少了CSS文件的体积。
2. 子选择器与相邻同胞选择器子选择器的格式为：father > child{…….}子选择器与后代选择器非常相像，不同的地方是子选择器只应用于父元素的直接后代，对于直接后代的后代则不应用这个样式。
IE不支持子选择器，Firefox才支持这种选择。
例如对于一个导航菜单：<ul id="nav"><li>菜单1</li><li>菜单2</li><ul><li>菜单2.1</li><li>菜单2.2</li></ul></ul>定义样式为：#nav > li{background:url(images/nav_bg.gif) no-repeat;color:#FF0000;}使用firefox浏览，你可以看到菜单1和菜单2被应用了样式，而菜单2.1和菜单2.2则没有被应用样式。
相邻同胞选择器的格式为：brother1 + brother2{…….}它表示如果brother2类型前面的元素是brother1，那么brother2类型元素就会应用这个样式。
这种选择器的使用比较少。
而且IE不支持这种选择器。
3. 属性选择器顾名思义，属性选择器是根据这个属性是否存在和属性的值来选择元素，这是一种非常有用的选择器，但是这种选择器IE6现在还不支持，所以使用的的时候要注意。
3.1 判断属性是否存在。
例如：abbr[title]{color:#FF0000;}表示abbr标签是否有title属性，如果则应用这个样式。
3.2 根据属性值来判断p[title='app']{color:#FF0000;}这里所有p标签中，title属性为app的都会应用这个样式。
4. 浏览器对CSS选择器的支持情况4.1. 说明•√表示目前支持.•Δ表示该选择器有部分支持.•Χ表示不支持.•* 表示通用选择器• E 表示标签选择器•.class表示类型选择器•#id表示ID选择器4.2. 基本选择器Selector FF3.0 FF 2.0 FF 1.5 IE8 IE7 IE6* √√√√√√E √√√√√√.class √√√√√Δ#id √√√√√√4.3 多元素的组合选择器这里E和F表示任意的基本选择器。
Selector FF3.0 FF2.0 FF 1.5 IE8 IE7 IE6 E F √√√ 1. √√E >F √√√√√ΧE +F √√√√√Χ4.4 CSS 2.1 属性选择器Selector FF3.0 FF2.0 FF 1.5 IE8 IE7 IE6 E[attr] √√√ΔΔΧE[attr=val] √ΔΔ√√ΧE[attr~=val] √ΔΔΔΔΧE[attr|=val] √ΔΔΔΔΧ4.5 CSS 2.1中的伪类Selector FF 3.0 FF2.0 FF1.5 IE8 IE7 IE6 :first-child √ΔΔΔΔΧ:link √√√√√√:visited √√√√√√:lang() √√√ΔΧΧ4.6 CSS 2.1中的伪元素Selector FF3.0 FF2.0 FF 1.5 IE8 IE7 IE6 :before √√√√ΧΧ::before √√√ΧΧΧ:after √√√√ΧΧ::after √√√ΧΧΧ:first-letter √√√Χ√√::first-letter √√√ΧΧ√:first-line √√√Χ√√::first-line √√√ΧΧ√4.7 CSS 3的同级元素通用选择器Selector FF3.0 FF 2.0 FF 1.5 IE8 IE7 IE6E ~F √√√√√Χ4.8 CSS 3 属性选择器Selector FF3.0 FF2.0 FF 1.5 IE8 IE7 IE6 E[attr^=val] √ΔΔΧ 2 ΧΧE[attr$=val] √ΔΔΧ 2 ΧΧE[attr*=val] √ΔΔΧ 2 ΧΧ4.9 CSS 3中与用户界面有关的伪类Selector FF3.0 FF2.0 FF 1.5 IE8 IE7 IE6 :enabled √√√ΧΧΧ:disabled √√√ΧΧΧ:checked √√√ΧΧΧ4.10 CSS 3中的:target 伪类Selector FF3.0 FF 2.0 FF 1.5 IE8 IE7 IE6 :target √√√ΧΧΧ4.11其他Pattern IE6 IE7 IE8 FFE:active E:hover E:focus ΔΔ√√ΔΔ√√ΧΧ√√E:before E:after ΧΧΔ 3 √ΧΧΔ 3 √。