web-dev-qa-db-ja.com

CSSは既存の<b>太字タグの太字スタイルを上書きできますか？

パンくずリストが手の届かないところにあるスクリプト（コアファイル）があり、CSSを使用してそのすべてのスタイルをオーバーライドしたいと思います。テキストは次のようになります。

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

太字のタグを無視するように<div>のスタイルを設定します。これは、<b>タグを削除せずに、外部CSSを使用するだけで可能ですか？

htmlcsstypography
22
Adrian M.

はい：

.someClass b {
    font-weight: normal;
}
45
SLaks

多くのフォントの重みを持つ大規模なプロジェクトがある場合：太字;参照、あなたは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>

使用法：

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