多重样式

简介: 多重样式。

多重样式
如果某些属性在不同的样式表中被同样的选择器定义,那么属性值将从更具体的样式表中被继承过来。
例如,外部样式表拥有针对 h3 选择器的三个属性:
h3
{
color:red;
text-align:left;
font-size:8pt;
}
而内部样式表拥有针对 h3 选择器的两个属性:
h3
{
text-align:right;
font-size:20pt;
}

假如拥有内部样式表的这个页面同时与外部样式表链接,那么 h3 得到的样式是:

color:red;
text-align:right;
font-size:20pt;
即颜色属性将被继承于外部样式表,而文字排列(text-alignment)和字体尺寸(font-size)会被内部样式表中的规则取代。

相关文章
|
2月前
CSS3几何透明层文本悬停变色源码
CSS3几何透明层文本悬停变色源码是一款基于css3 svg制作的背景图片鼠标悬停几何形状透明层变色显示文本内容
21 0
CSS3几何透明层文本悬停变色源码
|
8月前
|
前端开发
CSS属性涵盖了从文本样式到布局控制、从颜色处理到动画效果的各个方面
【5月更文挑战第31天】CSS属性涵盖了从文本样式到布局控制、从颜色处理到动画效果的各个方面
60 1
|
8月前
多重样式
多重样式
28 4
|
8月前
|
前端开发
多重样式优先级
多重样式优先级。
40 2
|
前端开发 搜索推荐 UED
深入理解CSS选择器:选择正确的方式掌控样式与布局
在网页开发中,CSS选择器是塑造页面外观和交互的关键工具。然而,选择器的威力和权重的影响常常在样式冲突时变得复杂。本篇博客将带您深入了解不同类型的CSS选择器,探讨它们的用途和如何合理运用。我们还将解析CSS权重的计算方法,从内联样式到类、ID和伪类选择器,一一剖析权重如何影响样式的优先级。通过这篇博客,您将获得精确的选择器技能,轻松解决样式冲突,确保您的页面呈现出预期的外观和布局。让我们一起揭开CSS选择器和权重的神秘面纱,助力您的网页设计和开发之旅。
437 2
|
前端开发 开发者
CSS 实现半透明边框和多重边框
这篇文章整理了半透明边框、多重边框等的实现方式,供大家参考。学习这些例子还能帮助你深入掌握CSS中与边框相关的属性,包括 `border`,`outline`,`box-shadow` 等。
233 0
CSS 实现半透明边框和多重边框
|
前端开发 JavaScript
echarts tooltip设置正常却无法显示被遮挡设置层级堆叠顺序的问题解决方案
echarts tooltip设置正常却无法显示被遮挡设置层级堆叠顺序的问题解决方案
624 0
|
前端开发
css 样式穿透(深度样式选择器)的使用
css 样式穿透(深度样式选择器)的使用
css 样式穿透(深度样式选择器)的使用
|
前端开发
复合选择器,背景,css三大特性,显示模式
复合选择器,背景,css三大特性,显示模式
165 0
复合选择器,背景,css三大特性,显示模式
2、层级选择器(组合、层级、伪元素、伪类)
2、层级选择器(组合、层级、伪元素、伪类)
113 0