前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >CSS继承特殊

CSS继承特殊

作者头像
用户1624346
发布2018-04-18 10:35:01
7570
发布2018-04-18 10:35:01
举报
文章被收录于专栏:calmoundcalmound

继承

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。

代码语言:javascript
复制
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;} 

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2014-11-10 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档