CSS帮助，下划线和上划线

Question

嘿伙计们这是html代码，我不知道如何强调Bonjour这个词并覆盖Auhjord'hui。请帮忙。

<div>
     <p><span>Bonjour</span> le monde <span>aujourd'hui</span></p>
</div>

Answer 1

下划线可以通过以下方式完成：

p span:first-child
{
    text-decoration: underline;
}

可以类似地进行覆盖：

p span:last-child
{
     text-decoration: overline;
}

请注意，虽然这些选择器将使用您提供的有限代码，但它们将设置作为段落子项的所有跨度的样式。你应该非常小心。

考虑到这种情况，这些选择器并不理想，但它们可以正常工作。

---

有关选择器的更多信息：

  

通常，最好使用类或id来设置元素样式，但是，根据您的情况，假设您根本不允许编辑HTML，您可以完全忽略它。我只是把它留在这里作为参考。

你可以考虑在跨度中添加类或id，因为我给你的选择器可能不是你想要的;他们只是应用，因为他们会与你给我的东西一起工作。

你最好做一些事情：

<div>
    <p><span class="under">Bonjour</span> le monde <span class="over">aujourd'hui</span></p>
</div>

然后你会用：

来定位它们

.under
{
    text-decoration: underline;
}

.over
{
    text-decoration: overline;
}

Answer 2

快速简便的解决方案是将样式添加到范围：

<span style="text-decoration:underline">Bonjour</span>

和

<span style="text-decoration:overline">aujourd'hui</span>

好一下，但是如果你需要重新使用它们，我会为每个创建一个类来保持风格分开（按照之前的答案）