Question

我想在一个充满WordPress博客帖子的页面中设置所有带下划线的元素的样式。当我打开代码检查器时，所有带下划线的文本（使用可视化编辑器）都在html中添加了span样式。有没有办法针对所有这些单独的跨度？我想改变颜色/字母间距等。下划线的具体单词。

我知道如何使用html自行完成此操作，但我希望我的客户能够强调在可视化编辑器中强调的字词，并为其自动设置样式。我不想将其设置为不同的标题样式，因为它在可视编辑器中选择整个段落而不是单个单词。建议？我能够使用粗体文本执行此操作：strong, b {}不确定下划线版本是什么。

编辑：当我去查看页面来源时，它看起来像这样：

<p><strong>Competitor 1&amp;2</strong><br />
<em>(Allow no more than 3:00 transitions between EMOMs)</em><br />
<span style="text-decoration: underline;">For load:</span><br />
Every 1:00 for 10:00<br />
1 Jerk in Split + 1 Split Jerk<br />
<em>(add 10lbs/5lbs each set)</em></p>
<p><span style="text-decoration: underline;">For load:</span><br />
Every 1:00 for 10:00<br />
1 Power Clean + 1 Push Press<br />
<em>(add 10lbs/5lbs each set)</em></p>
<p><span style="text-decoration: underline;">For load:</span><br />
Every 1:00 for 10:00<br />

Answer 1

在你的CSS中，像这样定位;

span[style*='underline'] {
    /* CSS goes here */
}

这将搜索span属性中包含字符underline的所有style元素

Answer 2

你能在元素上创建一个css类吗？

<span class="underlined">blablabla</span>

的CSS：

.underlined{text-decoration: underline;}

或者，如果它是自动生成的，您可能需要使用javascript来获取具有该样式的所有元素。

如何定位页面中所有带下划线的元素

2 个答案: