【前端积累】选择器

常用选择器：

1. 类型选择器：使用元素名称来进行选择

   1 p{color:black;}
   2 a{text-decoration:underline}
   3 h1{font-weight:bold;}

2. 后代选择器：寻找特定元素或元素组的后代。后代选择器由其他两个选择器及之间的空格表示。

   1 li a {text-decoration:none;}

   这两种选择器适合于那些应用范围广的一般性样式，要寻找更特定的元素，可以使用ID选择器和类选择器。

   1 #font-weight:bold;}
   2 .datePosted{color:green;}
   3
   4 <p id="intro">Some text</p>
   5 <p class="datePosted">24/3/2017</p>

   通常会使用类型、后代、ID、类等几种选择器的组合。

伪类：

1 a:link{color:#0f8;}
2 a:visited{color:#0k6;}
3 a:hover{color:#0j0;}
4 a:active{background-color:#C30;}
5 input:focus{background-color:#F33}