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

Question

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

 div[attr = value]{
   ...
 }

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

score 3 · Accepted Answer

3

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

于 2013-05-07T06:40:40.197 回答

score 1 · Accepted Answer

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

所以你可以试试：

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

如果您应用内联样式，这将起作用。

score 1 · Accepted Answer

这应该很容易。

div b{font-weight:normal;}

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

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

#someDivId b{font-weight:normal;}

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

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

希望这可以帮助...

score 0 · Accepted Answer

你可以试试这个小提琴。

HTML

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

CSS

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

希望这可以帮助。

4 回答 4