您现在的位置:首页 >> 前端 >> 内容

02CSS-继承和层叠

时间:2016/12/8 13:42:09 点击:

  核心提示:哪些属性可以继承?color、text-开头的、line-开头的、font-开头的这些关于文字样式的,都能够继承;所有关于盒子的、定位的、布局的属性都不能继承。继承性是从自己开始,直到最小的元素。层叠...

哪些属性可以继承?

color、text-开头的、line-开头的、font-开头的

这些关于文字样式的,都能够继承;

所有关于盒子的、定位的、布局的属性都不能继承。

继承性是从自己开始,直到最小的元素。

层叠性

当选择器,选择上了某个元素的时候,那么要这么统计权重:(id的数量,类的数量,标签的数量)

权重问题大总结:

选择上了,数权重,(id的数量,类的数量,标签的数量)。如果权重一样,谁写在后面听谁的。

没有选择上,通过继承影响的,那么权重是0,就近原则,谁描述的近听谁的。如果描述的一样近,比如选择器权重,如果权重再一样重,谁写在后面听谁的。

继承的权重是0

权重问题深入

1、同一个标签,携带多个类名,有冲突:

<p class="spec1 spec2">我是什么颜色?</p>
<p class="spec2 spec1">我是什么颜色?</p>

和在标签中的挂类名的书序无关,只和css的顺序有关:

<style>
spec2{
    color:blue;
        }
.spec1{
    color:red;
        }
</style>

2、!important标记

来给一个属性提高权重。这个属性的权重就是无穷大。

font-size:40px !important;

 //错误的:
 font-size:40px; !important;    //不能把!important写在外面
 font-size:40px important;      //不能忘记感叹号

1) !important提升的是一个属性,而不是一个选择器

2) !important无法提升继承的权重,该是0还是0

3) !important不影响就近原则

如果大家都是继承来的,按理说应该按照“就近原则”,!important不影响就近原则,远的,永远是远的。不能给远的写一个!important,干掉近的。

!important做网站的时候,不允许使用。因为会让css写的很乱。

Tags:02 2C CS SS 
作者:网络 来源:喝着绿茶的猫