CSS 对象选择符

参数 意义 HTML 示例
* { ... } 选择所有的标记  
tag { ... } 选择 <tag> 标记  
tag1,tag2,... { ... } 选择多种标记  
tag.classname { ... } 选择 class = classname 的标记 <tag class="classname">
.classname { ... } 选择 class = classname 的标记  
#idName { ... } 选择 id = idname 标记  
tag[attr] { ... } 选择具有 attr 属性的标记  
tag[attr=value] { ... } 选择具有 attr=value 的标记  
tag[attr~=value ] { ... } 选择具有 attr 属性且列表的值含 value 的 tag 标记  
tag[attr|=value] { ... } 选择具有 attr 属性列表第一个为 value 的 tag 标记  
tag1 tag2 { ... } 选择被 tag1 包围的 tag2 标记  
tag1>tag2 { ... } 选择 tag1 的子对象 tag2 标记  
tag:Pseudo-Classes { ... } 伪类  
tag:Pseudo-Elements { ... } 伪对象  
@page Pseudo-class { ... } 选择页面容器的版式  
textarea { ... }  选择文本区域、按钮样式  textarea { border: 
1px solid #000000 } 

Pseudo-Classes 伪类

伪类   意义 
link 未访问的链接
hover 鼠标悬停时
active 鼠标点住时
visited 已访问的链接
focus 获得焦点时
first-child 第一个子对象
first 页面容器的第一页
left 装订线左边,仅用于 @page 规则
right 装订线右边,仅用于 @page 规则
lang 使用特殊语言的对象

Pseudo-Elements 伪对象

伪对象   意义 
first-letter 第一个字符,仅用于块对象,内联定义必须先设定对象的 height 或 width 属性,

或者设定 position 属性为 absolute ,或者设定 display 属性为 block

first-line 第一行字符,其他同上
before 用来和 content 属性一起使用,设置在对象前(依据对象树的逻辑结构)发生的内容
after 用来和 content 属性一起使用,设置在对象后(依据对象树的逻辑结构)发生的内容