当前位置 : 主页 > 网页制作 > css >

是否可以防止CSS字体样式传播?

来源:互联网 收集:自由互联 发布时间:2021-06-13
我有一个输出配置文件部分的插件,我打算用ol li元素包装它.我想使用不同的字体大小/样式/颜色来设置列表编号的样式.但是如果我这样做,字体样式将传播/级联到配置文件中.我不想重新
我有一个输出配置文件部分的插件,我打算用ol> li元素包装它.我想使用不同的字体大小/样式/颜色来设置列表编号的样式.但是如果我这样做,字体样式将传播/级联到配置文件中.我不想重新调整配置文件中的每个文本.那么是否可以防止字体样式传播到后代元素?

<style>
#rank li{
  font-size:50px;
  font-style: italic;
  font-family: serif;
  font-weight: bold;
  width:70px;
  margin-right:10px;
  text-align:center;
}
</style>
<ol id="rank">
  <li>
    <div class="profile">
      <!-- contains complex stuffs including tables, floated div for displaying profiles-->
    </div>
  </li>
</ol>

编辑:
对不起,我夸大了“再次重新整理每一个文字”.我想如果我需要再次使配置文件样式不受影响,我需要知道ul之外的默认字体样式,并将它们应用于div中.这不是很多工作,但在将来,需要修改两个地方以保持整体风格的一致性.

您可以“重置”所有子元素的字体样式.它实际上并没有重置,但它应该适用于 universal selector.但要小心,因为这实际上会强制所有子元素上的字体,所以如果你的选择器比其他元素更具体,它最终可能会影响其他元素.

检查这个小提琴的例子:http://jsfiddle.net/79ZK5/1/

网友评论