logo标签列表

CSS可以覆盖现有<b>标签的粗体样式吗？

htmlcsstypography
28

我有一个脚本，其面包屑样式超出了我的控制范围（核心文件），我想使用CSS覆盖所有样式。文本如下：

<div class="someclass">
<b>Some Text</b>
</div>

我想样式化 <div> 以使其忽略粗体标签。是否可以在不移除 <b> 标签的情况下，仅使用外部 CSS 实现这一点？

2个回答
52

是的：

.someClass b {
    font-weight: normal;
}
2
哈哈，这太神奇了，它是如此容易...我有很多东西要学习 :) 谢谢！ - Adrian M.
0

如果您有一個帶有許多font-weight: bold;參考的大型項目，您可以覆蓋整個字體:

/* some core files */
b {
  font-weight: bold;
}


/* latin */
        @font-face {
            font-family: 'Open Sans';
            font-style: normal;
            font-weight: 700;
                src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OUuhp.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }
        
        
body {
  font-family: 'Open Sans';
}

/* no override */
body .someclass2 {
  font-family: sans-serif;
}
<body>
<div class="someclass">
  <b>Some Text</b>
</div>

<div class="someclass2">
  <b>Some Text</b>
</div>

</body>

使用方法：

body {
    font-family: 'Open Sans';
}
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接