在有粗体的文本上应用样式

Apply style on text which is having bold

本文关键字：应用 样式 文本      更新时间：2023-09-26

就像CSS中的属性选择器一样，是否可以在div内的粗体文本上应用样式。例如，我可以使用下面的CSS属性选择器来选择div 

 div[attr = value]{
   ...
 }

是否有任何方法来选择粗体文本像上面的选择器?如果使用JavaScript，有几种方法可以做到这一点，但我只是在寻找CSS解决方案的可能性。我的目标是Chrome

No。CSS不提供任何基于元素样式的选择器

这应该很容易。

div b{font-weight:normal;}

这将选择每个<div>标签中包含的每个<b>标签，并将字体粗细设置为normal。

如果您想更具体，请使用div类或id。

#someDivId b{font-weight:normal;}

如果您的粗体文本没有使用<b>标签定义，但您知道使用什么标签，例如span，那么您可以尝试，

span[style*="font-weight"]{font-weight:normal !important;}
http://jsfiddle.net/G8NaB/

根据http://www.w3.org/TR/css3-selectors/#attribute-selectors

[att*=val]表示具有att属性的元素，其值为包含至少一个子字符串"val"的实例。如果"val"是如果是空字符串，则选择器不代表任何东西。

所以你可以试试:

div[style*=bold]{
   ...
 }

你可以试试这个。

HTML 

<div data-role="page">Bold text</div>
CSS 

div[data-role~="page"]{font-weight:bold;}

相关文章：