css选择器
CSS(Cascading Style Sheet)通过与HTML元素的关联来改变元素的显示效果,这种实现是通过建立CSS规则来实现的。一条CSS规则包括:选择器+声明。如: p {font-family:Times,serif;}.P是选择器,花括号中是声明;声明包括属性与值。
有以下几种类型:
- 类型选择器。如h1,h2 {/规则/}
- 通用选择器。 {/规则/} ,“”是常见的通配符
- 类选择器。.class {/规则/}
- 伪类/伪元素选择器。:link :visited :hover :focus :active :nth-child() :first-letter :first-line
- ID选择器。#id {/规则/}
- 子选择器。如li>a,仅仅用于li的直接的a
- 后代选择器。li a {/规则/},适用于li 所有的a元素
- 相邻兄弟选择器。如:h2+p {/规则/},适用于与h2同一个父元素的直接相邻的且在h2后面的P
- 普通兄弟选择器。如:h2~p {/规则/},适用于与h2同一个父元素的在h2后面的P
- 特性选择器。如:p[class] p[class=”important”] p[class~=“important”] p[attr^”dd”] p[attr*”ds”] p[attr$”end”]