HTML5选择器

这两天学习的有HTML5的选择器，总结一下：

一、首先是基本选择器，有通配符选择器，标签（元素）选择器，类选择器，ID选择器，群组选择器。目前我就学这么多，我比较喜欢用类选择器也是class选择器。

通配符选择器：*{}        标签选择器：比如在body是元素标签是p则是p{}     

类选择器：在body是元素标签中加入class=“”自己命名（第二个单词首字母大写）则是.a，a就是你的命名

id选择器：在body是元素标签中加入id=“”自己命名则是#a，a还是你的命名

群组选择器：p，.xxx，#xxx，div{}

二、层次选择器，其中有后代选择器，父子选择器，相邻兄弟选择器。

比如在body中的代码是：<div class"a">  

<p class="aOne">还好吗</p>

 <p>不好</p>

<div>

<p class="aOne">你呢</p>

</div>

</div>

<p>一样</p>

后代选择器：.a p{}记住中间有个空格

父子选择器：.a>.aOne

相邻兄弟选择器（只向下面找）：.a+p

三、伪类选择器，设置一个a引入一个网站

a.link（元素没有被访问的状态）    a.visited（元素点击之后的状态） a.hover（光标移到元素时的状态）

a.active(鼠标按下没有抬时的状态）

四、选择器的优先级

注意:只有对相同原色设置相同样式时,我们才去讨论选择器的优先级问题

优先级顺序(从大到小顺序):

1,!important

2,行间样式(内联样式)

3,id选择器

4,class选择器,伪类选择器,属性选择器

5,元素选择器,伪元素选择器

6,*(通配符选择器)

7,元素的默认样式

当元素优先级相同时,后来居上(后面的代码覆盖前面的代码)

对于层次选择器:这里有个值可以帮助我们迅速判定哪个层次选择器的优先级高

!important    100000

行间样式       10000

id选择器       1000

class选择器    100

标签选择器      10

对于群组选择器，各个单一选择器单独判定互不影响。