CSS 3学习笔记之理顺哪个样式应用于哪个类?
2017-04-17 10:22
288 查看
属性可以被继承。例如:如果给<body>元素设置一个可被继承的属性,那么<body>的所有子孙元素将继承这个属性。
子孙元素从祖先元素中继承来的继承值可以被覆盖。
规则更具体? 以下三种规则,从上至下依次更具体。
p {
color: black;
}
.greentea {
color: green;
}
p.greentea {
color: green;
}
一个元素可以加入多个类,只需将每个类名赋给class属性值,类名之间用一个空格隔开。顺序无关紧要。
如果一个元素只属于一个类,那么 p.greentea 选择符是更具体的。
如果一个元素属于多个类,而这些类定义的是相同的属性,可以使用样式表里的排序规则来解决冲突,即使用CSS文件里最靠后(最接近底部)的规则。
子孙元素从祖先元素中继承来的继承值可以被覆盖。
规则更具体? 以下三种规则,从上至下依次更具体。
p {
color: black;
}
.greentea {
color: green;
}
p.greentea {
color: green;
}
一个元素可以加入多个类,只需将每个类名赋给class属性值,类名之间用一个空格隔开。顺序无关紧要。
如果一个元素只属于一个类,那么 p.greentea 选择符是更具体的。
如果一个元素属于多个类,而这些类定义的是相同的属性,可以使用样式表里的排序规则来解决冲突,即使用CSS文件里最靠后(最接近底部)的规则。
相关文章推荐
- Css 样式学习笔记(1)
- Java与Flex学习笔记(12)----用CSS控制页面样式
- HTML&CSS基础学习笔记1.27-灵活地使用样式
- 前端学习笔记7 CSS为文本添加样式
- HTML&CSS基础学习笔记1.29-灵活地使用样式
- 对表单和数据表格应用样式--Css学习笔记(六)
- HTML学习笔记(3)——CSS的引入,选择器和文本样式
- CSS从基础到熟练学习笔记(一)引入CSS样式的三种方式以及多种样式的优先级
- [HeadFist-HTMLCSS学习笔记][第七章CSS入门:加一点样式]
- 【前端学习笔记】关于CSS通过一个块改变另一个块的样式
- JQuery学习笔记8:JQuery之CSS样式控制
- Css 样式学习笔记(1)
- CSS学习笔记(十)对表单和数据表格使用样式
- 【CSS笔记一】开始学习CSS,为网页添加样式
- angular学习笔记(九)-css类和样式3
- Css 学习笔记--样式引入方式及按权重判断优先级
- 对链接应用样式--Css学习笔记(四)
- 学习css笔记——图片样式章节
- CSS学习笔记-附加篇( 新浪大通栏Tab样式)
- 学习笔记-《零基础学习HTML5—html+css基础 》4.CSS基础样式(上)