css选择器

css选择器的样式

  1.标签选择器(body,p)

       2.类选择器

  3.id选择器

  4.全局选择器(*)

  5.伪类选择器

    a;link:/*为访问的链接*/

    a;visited:/*已经访问的链接*/

    a:hover/*鼠标悬停的链接*/  a:hover必须置于link,visited之后才是有效的

    a:active/*鼠标点击时的链接*/   a:active必须置于hover之后才是有效的

  6.继承选择器 div p{}

  等

css选择器的优先级

1.样式后的  !important

2.绑定在每一个标签上的style属性

3.id选择器

4.类选择器

5.标配选择器

6.通配符选择器

7.浏览器自定义或继承

当有个选择器时优先级是由 A B C D的值决定的

1.如果存在内联样式,那么A=1,否则A=0

2.B的值等于ID选择器出现的次数

3.c的值等于类选择器,属性选择器,伪类: 出现的总次数

4.d的值等于标签选择器和伪元素出现的总次数

 比较规则:从左往右进行比较,较大者胜出,相同则继续往右移动,都相同,则后面的覆盖前面的

 

posted @ 2020-12-15 20:30  zeal666  阅读(81)  评论(0)    收藏  举报