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

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/5771727/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-08-29 08:11:31  来源:igfitidea点击:

Can CSS override the bold style of an existing <b> bold tag?

htmlcsstypography

提问by Adrian M.

I have a script that has a breadcrumb styled outside of my reach (core files), and I want to override all its styling using CSS. The text looks like this:

我有一个脚本的面包屑样式超出了我的范围(核心文件),我想使用 CSS 覆盖其所有样式。文本看起来是这样的:

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

I want to style the <div>to make it ignore the bold tag. Is this possible without removing the <b>tag and just using external CSS?

我想设置样式<div>以使其忽略粗体标记。这是否可能不删除<b>标签而仅使用外部 CSS?

回答by SLaks

Yes:

是的:

.someClass b {
    font-weight: normal;
}

回答by alexqc

If you have a large project with many font-weight: bold; references, you can override the eitre font:

如果您有一个包含许多字体粗细的大型项目:粗体;参考,您可以覆盖 eitre 字体:

/* 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>

Usage:

用法:

body {
    font-family: 'Open Sans';
}