web-dev-qa-db-fra.com

CSS peut-il remplacer le style en gras d’une balise <b> en gras existante?

J'ai un script dont le style de chapelure est hors de portée (fichiers de base) et je souhaite remplacer tout son style à l'aide de CSS. Le texte ressemble à ceci:

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

Je veux styler le <div> pour lui faire ignorer la balise en gras. Est-ce possible sans supprimer la balise <b> et simplement utiliser du CSS externe?

htmlcsstypography
22
Adrian M.

Oui:

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

Si vous avez un projet volumineux comportant de nombreuses polices: gras; références, vous pouvez remplacer la police 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';
}
0
alexqc