美文网首页
CSS三大特性

CSS三大特性

作者: Mae_grace | 来源:发表于2020-10-12 17:04 被阅读0次

继承性

子类能使用父类,后代能使用祖先的属性。就叫继承
注意:
1、并不是所有的属性都能继承,只能继承color、以font-开头、以text-开头、以line-开头的属性。
2、a标签的下划线属性,h标签字体大小属性不能继承

层叠性

层叠性就是CSS处理冲突的一种能力
使用场景:使用多种选择器方法选择了同一个标签,并设置了同一个属性。

优先级

使用场景:使用多种选择器方法选择了同一个标签,并设置了同一个属性,最终展示哪个效果,由优先级确定。

优先级判断的方式

1、是否直接选中
直接选中>间接选中离的近的>间接选中离的远的
间接选中:继承来的等非直接获得的属性值

2、是否是相同的选择器
2.1如果是相同选择器设置的同一标签,后面的覆盖前面的
2.2如果是不同的选择器设置同一标签,按照选择器的优先级
id>class>标签>通配>继承>系统默认的

important

作用:用于给直接选中的标签的优先级提升到最高。【直接选中,继承等间接的不算,通配符选择器是直接选中的】

p{
  color:red !important;
}

优先级之权重

当多个选择器混合在一起使用时,可以根据权重来判断谁的设置是生效的【针对直接选中的标签】
权重大小比较:Id>类>标签
1、id多的权重大
2、id数量一样的情况下,类名多的权重大
3、类名数量一样的情况下,标签数量多的权重大

#identity ul li p{//听我的}
#identity ul p{//不生效}

4、如果id、类名、标签个数都相同时,谁写在后面听谁的。

#identity .className p{//不听我的}
#identity p .className{//听我的}

相关文章

  • CSS的三大特性总结(深入理解css权重)

    【目录】 css的三大特性层叠性特性说明原理DEMO继承性优缺点重点DEMOhtml代码css代码优先级css特殊...

  • CSS 特性

    继承性 给父元素设置一些属性, 子元素也可以使用, 这个我们就称之为继承性 1.并不是所有的属性都可以继承, 只有...

  • CSS特性

    继承 CSS的一些特性,最常见的就是继承,CSS的有些属性是可以继承的,如果没有样式,则会继承父标签样式。比如co...

  • CSS 特性

    层叠性 样式冲突,遵循就近原则 样式不冲突,不会层叠 结果为红色25px的:Hello World 继承性 子标签...

  • CSS特性

    CSS属性的继承 CSS中有些属性是可继承的,何为属性的继承?一个元素如果没有设置某属性的值,就会跟随父元素的值当...

  • CSS特性

    Display - 块和内联元素 块元素是一个元素,占用了全部宽度,在前后都是换行符。内联元素只需要必要的宽度,不...

  • CSS特性

    一、CSS3 图像的背景 背景图片设定 backgroundCSS允许应用纯色作为背景,也允许使用背景图像创建相当...

  • CSS相关文章

    前端面试之 CSS3 新特性 除了 HTML5 的新特性,CSS3 的新特性也是面试中经常被问到的。如何用 js ...

  • CSS 常见知识点记录-flex布局、css特性、positio

    一、CSS特性、块级元素、行内级元素、display 1、CSS的两大特性是什么?并解释其中含义? 【继承】 【层...

  • css基础04- css三大特性

    css三个特性 继承 ,层叠 ,优先级 是我们学习CSS 必须掌握的三个特性。 继承性 所谓继承性是指书写CSS样...

网友评论

      本文标题:CSS三大特性

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