Css选择器

来源:互联网 发布:mac用minila 编辑:程序博客网 时间:2024/06/03 19:55

css选择器分为十类

标签选择器

p | 以文档对象类型的元素作为选择器,如p、div、span

id选择器

#id

类选择器

.classname

子选择器

e1 > e2 |现在所有作为e1子对象的e2元素对象 ,<div><p><span></span></p></div>可用div>p,不能用 div > span

相邻选择器

e1+e2 |选择紧跟在元素对象e1之后的所有e2元素对象,<div><p></p></div><p></p>可用div+p选中后一个p

属性选择器

e1[attr] | 选择具有attr属性的e1对象,<p id="a"></p><p></p> 可用p[id]选中第一个p

包含选择器

e1 e2 | 选择所有被e1包含的e2元素对象,<div><p><span></span></p></div>可用div span选择span

分组选择器

e1,e2,e3 |将定义了具有相同样式的多个选择器合并为一个样式。

通用选择器

*

伪类、伪对象选择器

-:focus |定义对象在成为输入焦点时的样式

-:first-child |定义对象的第一个子对象的样式

-:after |与content属性一起使用,定义在对象后的内容

-:before |与content属性一起使用,定义在对象前的内容

-:first-letter |定义对象内第一个字符的样式

-:first-line |定义对象内第一行的样式

-:link |定义超链接的默认样式

-:visited |定义访问过的样式

-:hover |定义经过的样式

-:active |定义鼠标按下的样式

原创粉丝点击