CSS样式层叠的问题
2016-04-27 15:16
218 查看
层叠
我们来思考一个问题:如果在html文件中对于同一个元素可以有多个css样式存在并且这多个css样式具有相同权重值怎么办?好,这一小节中的层叠帮你解决这个问题。层叠就是在html文件中对于同一个元素可以有多个css样式存在,当有相同权重的样式存在时,会根据这些css样式的前后顺序来决定,处于最后面的css样式会被应用。
如下面代码:
p{color:red;} p{color:green;} <p class="first">三年级时,我还是一个<span>胆小如鼠</span>的小女孩。</p>
最后 p 中的文本会设置为green,这个层叠很好理解,理解为后面的样式会覆盖前面的样式。
所以前面的css样式优先级就不难理解了:
内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中)。
相关文章推荐
- CSS样式层叠的问题
- 元素设置不同样式时调用哪一个样式问题---(样式权值)
- 元素设置不同样式时调用哪一个样式问题---(样式权值)
- 元素设置不同样式时调用哪一个样式问题---(样式权值)
- 元素设置不同样式时调用哪一个样式问题---(样式权值)
- 元素设置不同样式时调用哪一个样式问题---(样式权值)
- 元素设置不同样式时调用哪一个样式问题---(样式权值)
- 元素设置不同样式时调用哪一个样式问题---(样式权值)
- 元素设置不同样式时调用哪一个样式问题---(样式权值)
- 元素设置不同样式时调用哪一个样式问题---(样式权值)
- 元素设置不同样式时调用哪一个样式问题---(样式权值)
- 元素设置不同样式时调用哪一个样式问题---(样式权值)
- 元素设置不同样式时调用哪一个样式问题---(样式权值)
- 元素设置不同样式时调用哪一个样式问题---(样式权值)
- 元素设置不同样式时调用哪一个样式问题---(样式权值)
- 关于js获取样式笔记
- css3 media媒体查询器用法总结
- CSS和JS链接地址中带的问号是做什么的
- 如何使用CSS3实现一个平滑的3D文本标题
- LESS CSS 框架简介