css选择器

Author Avatar
LI Liangmin 8月 20, 2016

CSS(Cascading Style Sheet)通过与HTML元素的关联来改变元素的显示效果,这种实现是通过建立CSS规则来实现的。一条CSS规则包括:选择器+声明。如: p {font-family:Times,serif;}.P是选择器,花括号中是声明;声明包括属性与值。

有以下几种类型:

  1. 类型选择器。如h1,h2 {/规则/}
  2. 通用选择器。 {/规则/} ,“”是常见的通配符
  3. 类选择器。.class {/规则/}
  4. 伪类/伪元素选择器。:link :visited :hover :focus :active :nth-child() :first-letter :first-line
  5. ID选择器。#id {/规则/}
  6. 子选择器。如li>a,仅仅用于li的直接的a
  7. 后代选择器。li a {/规则/},适用于li 所有的a元素
  8. 相邻兄弟选择器。如:h2+p {/规则/},适用于与h2同一个父元素的直接相邻的且在h2后面的P
  9. 普通兄弟选择器。如:h2~p {/规则/},适用于与h2同一个父元素的在h2后面的P
  10. 特性选择器。如:p[class] p[class=”important”] p[class~=“important”] p[attr^”dd”] p[attr*”ds”] p[attr$”end”]