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

Question

与CSS中的属性选择器类似，是否可以在DIV内以粗体显示的文本上应用样式。例如，我可以使用CSS属性选择器选择DIV，如下所示

 div[attr = value]{
   ...
 }

有没有办法像上面的选择器那样选择粗体文字？如果JavaScript有几种方法可以使这项工作，但我只是在寻找CSS解决方案的可能性。我的目标只是Chrome

Answer 1

没有。 CSS不提供任何基于元素样式操作的选择器。

Answer 2

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

  

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

所以你可以试试：

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

如果您应用内联样式，这将有效。

Answer 3

这应该很容易。

div b{font-weight:normal;}

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

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

#someDivId b{font-weight:normal;}

如果您的粗体文字未使用<b>标签定义，但您知道使用了哪些标签，例如span，那么您可以尝试，

span[style*="font-weight"]{font-weight:normal !important;}

http://jsfiddle.net/G8NaB/

希望这会有所帮助......

Answer 4

你可以尝试this小提琴。

HTML

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

CSS

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

希望这有帮助。