码迷,mamicode.com
首页 > Web开发 > 详细

CSS继承特殊

时间:2014-11-10 17:06:05      阅读:297      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   ar   sp   strong   div   on   log   

继承

CSS的某些样式具有继承性。
继承是一种规则,它允许样式不仅作用于某个特定html标签元素,而且应用于其后代
   如:在p中的所有字体都为红色
     p{color:red;}
    <p>三年级时,我还是一个<span>胆小如鼠</span>的小女孩。</p>

    但:只给p标签设置了边框为1像素红色实心边框线
    p{border:1px solid red;}
   <p>三年级时,我还是一个<span>胆小如鼠</span>的小女孩。</p>

特殊性--权值

标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100。

p{color:red;} /*权值为1*/
p span{color:green;} /*权值为1+1=2*/
.warning{color:white;} /*权值为10*/
p span.warning{color:purple;} /*权值为1+1+10=12*/
#footer .note p{color:yellow;} /*权值为100+10+1=111*/

 

重要性

   给某些特殊情况设置最高全职
   p{color:red!important;} 

CSS继承特殊

标签:style   blog   color   ar   sp   strong   div   on   log   

原文地址:http://www.cnblogs.com/zsboy/p/4087410.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!