博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css 继承和层叠
阅读量:4685 次
发布时间:2019-06-09

本文共 600 字,大约阅读时间需要 2 分钟。

css继承

1.css 可以继承的是背景(background)、字体(font)、文本(text) 宽高。浮动的元素不会继承。

2.css样式:浏览器默认样式、用户指定样式、作者定义样式。

3、css优先级(权值)

    选择器   a  b  c   d

    内嵌     1   0   0  0

     id       0   1   0   0 

 属性/伪类 0   0   1   0

元素         0   0    0   1

!important 最高 

一般:内嵌>内联/外部

eg:

#content div#main-content h2{

color:red;

}

#content #main-content>h2{

color:blue

07
}

body #content div[id="main-content"] h2{

color:green;

}

上个例子中两个标题的颜色都是红色。

 

权值的计算中,b为的权值永远不可能进到a,只能在b为相加。其他也一样

 

#main-content div.paragraph h2{

color:orange;

}

#main-content [class="paragraph"] h2{

color:yellow;

}

div#main-content div.paragraph h2.first{

color:pink;

}

 

转载于:https://www.cnblogs.com/alicezq/p/4948490.html

你可能感兴趣的文章
Android_去掉EditText控件周围橙色高亮区域
查看>>
《构建之法》第一、二、十六章阅读笔记
查看>>
Pandas基础(十一)时间序列
查看>>
arrow:让Python的日期与时间变的更好
查看>>
MySQL命令行参数
查看>>
MFC中 用Static控件做超链接(可以实现变手形、下划线、字体变色等功能)
查看>>
20144303 《Java程序设计》第五周学习总结
查看>>
多线程(第三天)
查看>>
python 抓取小说网站,制作电子书。
查看>>
restframework视图三部曲
查看>>
失去光标display=none事件的坑
查看>>
[LeetCode] Majority Element II
查看>>
设计模式的理解
查看>>
[cocos2dx动作]CCLabel类数字变化动作
查看>>
(转)Excel的 OleDb 连接串的格式(连接Excel 2003-2013)
查看>>
Java并发编程
查看>>
[转]MySQL数据库管理常用命令
查看>>
Git Stash用法
查看>>
线程与同步
查看>>
react 路由跳转刷新页面参数消失
查看>>