CSS的继承性,特殊性和层叠性

原创 2016年05月30日 20:51:20
CSS的继承性
    继承:继承是一种规则,它允许样式不仅应用于某个特定的html标签元素,
        而且应用于其后代。
    css的某些样式是具有继承性的。
    如:p{color:red;}
     <p>三年级时,我还是一个<span>胆小如鼠</span>的女孩。</p>

    这里span 为子元素标签,p中的文本 和span 中的文本都设置为了红色。

      而    p{border:1px solid red;}--为p标签设置了  边框为1像素,红色,实心边框线 不具有继承性

CSS的特殊性
    我们为同一个元素设置了不同的CSS样式,那么元素会启用哪一个CSS样式呢

    答案为:浏览器是根据权值来判断使用哪种CSS样式,用权值高的
    权值的规则:
        标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100
p{color:red;}  //权值为1
p span{color:red;}  //权值为1+1=2
.warning{color:red;} //权值为10
p span.warning{color:red;}  //权值为1+1+10=12

#footer .note p{color:red;}  //权值为100+10+1=111
 
     继承也有权值但很低,为0.1--最低

CSS的层叠

html文件中对于同一个元素有多个CSS样式,

    而且这些样式具有相同的权重值,那么怎么办?


    层叠就是在html文件中对于同一个元素可以有多个CSS样式存在,当有相同权重的样式存在是,会根据这些CSS样式的前后顺序来决定,处于最后面的CSS样式会被应用。


所以优先级就很好理解了:

    内联样式表(标签内部)>嵌入样式表(当前文件表)>外部样式表(外部文件中)

重要性

    在做网页时,有些特殊的情况需要为某些样式设置具有最高权值,怎么办?

    我们可以使用!important 来解决  

    如:p{color:red!important;}       注意“: !important 要写在分号的前面

版权声明:本文为博主原创文章,未经博主允许不得转载。 举报

相关文章推荐

CSS的两大特性之继承性和层叠性

1.继承性     css的继承性指的是子元素会继承父元素的某些样式属性。例如在父元素定义字体颜色(color属性),子元素会继承父元素的字体颜色,不过,并不是所有的属性都会被子元素继承,如margi...

CSS三大特性继承性,层叠性,优先级

一、继承性1)什么是继承性? 给父元素设置一些属性,子元素/后代也可以使用,这个我们称之为继承性。 2 ) 并不是所有属性都可以继承的,那么有哪些属性具有继承性? 只有以color/font-/te...

我是如何成为一名python大咖的?

人生苦短,都说必须python,那么我分享下我是如何从小白成为Python资深开发者的吧。2014年我大学刚毕业..

CSS继承性及层叠性

我们知道,对于面向对象开发语言, 比如:Java、C++、JavaScript、C#等的都有一个非常重要的特性,也就是继承性。那么在CSS中也有这样的特性。CSS继承性CSS中父元素的一些属性能够被其...

CSS学习笔记4:CSS层叠性、继承性以及权重计算

在实际使用CSS选择器时,会遇到各种各样的情况,比如给一个父亲标签添加的样式会不会遗传给后代?比如如果用不同的方式给同样的内容添加样式,会听谁的?了解了CSS继承性、层叠性以及选择器的权重计算,你就会...

[CSS]CSS的继承性、层叠性、权重

CSS像艺术家一样优雅,像工程师一样严谨继承性CSS样式具有继承性,所谓的继承性,就是给某些元素设置样式时,后代元素也会自动继承父类的样式。这叫CSS的继承性。比如 color属性设置字体颜色,后代自...

CSS基础之继承、层叠和特殊性

CSS的继承、层叠和特殊性**继承** CSS的某些样式是具有继承性的,那么什么是继承呢?继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。比如下面代码:如某种颜色应用于...

CSS 的继承、层叠和特殊性[修改版]

今天在看《HTML5与CSS3权威指南》,编写代码来验证background-origin,却出现了一个问题。我的代码如下: background的新增属性 ...

CSS的继承、层叠和特殊性

一:继承性 CSS的某些样式是具有继承性的,那么什么是继承呢?继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。 比如下面代码:如某种颜色应用于p标签,这个颜色设置不仅...

CSS的继承、层叠、特殊性和重要性

CSS 的继承、层叠、特殊性和重要性

CSS的继承、层叠和特殊性

3.CSS的继承、层叠和特殊性 3.1继承 CSS的某些样式是具有继承性的,那么什么是继承呢?继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。比如下面代码:如某种颜...
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)