美文网首页
css选择器、优先级、权重

css选择器、优先级、权重

作者: 苏码码 | 来源:发表于2018-10-17 10:58 被阅读0次

选择器:

1.ID选择器:#

2.class选择器:.

3.标签选择器:div

4.通配符选择器:*

5.属性选择器:[class]

6.父子选择器/派生选择器:div span {}

7.直接子元素选择器:div > span {}

8.并列选择器:div.demo{}

9.分组选择器:div,span{}

优先级:

 !important > 行间样式 > ID > class | 属性 > 标签选择器 > 通配符

css权重:

!important:  Infinity 

行间样式:     1000 

id:                  100 

class 属性 伪类:   10

标签 伪元素:         1

通配符:                  0

相关文章

  • css问题整理(持续更新中...)

    1. css权重、优先级 权重 内联样式id选择器class、属性选择器(eg:[title]{ color:bl...

  • CSS样式(选择器)的优先级

    css样式(选择器)的优先级 计算权重分类 important 内联样式 后写的优先级高

  • CSS选择器优先级及!important属性

    CSS的选择器是有权重的,当不同选择器的样式设置有冲突时,会采用权重高的选择器设置样式。权重(即优先级)的规则如下...

  • css3

    CSS三大特性 1成叠行 2继承性 3优先级性 行内样式>id选择器权重>类选择器>标签选择器 /*1. 权重相同...

  • 归零——CSS-第四天

    CSS学习 CSS权重 选择器 权重...

  • web前端入门到实战:详细解读 CSS 优先级,你与成熟前端的差

    CSS 优先级注意事项 1、优先级就是分配给指定的 CSS 声明的一个权重,它由匹配的选择器中的每一种选择器类型的...

  • day23 - css核心属性(总结)

    1.选择器优先级 选择器优先级每种选择器都有一个权重值,权重值越大,优先级越高;权重值一样的时候谁后写,谁的优先级...

  • day23 css核心属性

    1选择器的优先级 每种选择器都有一个权重值,权重值越大,优先级越高;权重值一样的时候谁后写,谁的优先级高标签选择器...

  • css选择器的优先级

    一、css选择器的优先级和权重知识 1.1各类选择器的介绍 (1)标签选择器和通配符选择器(用*表示) 标签有h1...

  • day3-CSS核心属性

    一.选择器的优先级 优先级每种选择器都有一个权重值,权重值越大,优先级越高;权重值一样的时候谁后写,谁的优先级高标...

网友评论

      本文标题:css选择器、优先级、权重

      本文链接:https://www.haomeiwen.com/subject/qxzfzftx.html