CSS 选择器

1.HTML 选择器

例:p{ text-indent: 3em}

2.类选择器

指定元素:p.dark-row { background-color:#FFFFFF }

所有元素:.dark-row { background-color:#FFFFFF }

3.ID 选择器

在 HTML 中,id 属性制定了某个单一元素,id 选择器用于对这个单一元素定义单独的样式。

例:#main { text-indent: 3em }

4.关联选择器

关联选择器不过是一个用空格隔开的两个或更多的单一选择器组成的字符串。

只有在表格 table 的 a 标签会改变样式:table a { color: red }

5.组合选择器

为了减少样式表的重复声明,使用英文逗号隔开选择器就可以了。

例:h1,h2,h3,h4 { color:red }

6.伪元素选择器

伪元素选择器是指对于同一个 html 元素不同状态的一种定义方式。

例: 

a:link { color: red }

a:hover { color: yellow }


优先级:关联选择器>ID选择器>类选择器>HTML 选择器

你可能感兴趣的:(CSS 选择器)