css selector 选择器

 父子兄弟

a > b     b必须是a的子元素

a + b     b必须紧跟在其同胞标签a的后面

a ~ b     b必须跟（不一定紧跟）在其同胞标签a的后面

* 有个非常有意思的用法，即非子选择符

a * b     任何是a孙子元素，而非子元素的b标签都会被选中

 

在HTML5中，属性值的引号可加可不加

 

UI伪类

链接伪类

a::link

a::visited

a::hover

a::active 

     如果不按照这里列出的顺序使用它们，浏览器可能不会显示预期结果，建议大家可以这
么想：“LoVe? HA! ”

 

target伪类

     e::target 如果用户点击一个指向页面中其他元素的链接，则那个元素就是目标（target），可以

用::target 伪类选中它。维基百科在其引证中大量使用了:target 伪类

 

结构化伪类

     ::first-child

     ::last-child

     ::nth-child(n)     最常用于提高表格的可读性

 

伪元素

     ::first-letter  用例   This

     ::first-line

     ::before

     ::after

     可用于在特定元素前面或后面添加特殊内容

     eg.      <p class="age">25</p>

               p.age::before {content:"Age: ";} 

               p.age::after {content:" years.";}

               result:     Age: 25 years.