html - HTML + CSS：向简单文本添加类/ID

Question

我目前陷入了一个可能非常微不足道的问题：

我有一个带有文本的简单 HTML/CSS 页面：

<head></head>
<body>
    This is a Text about Foobar.
</body>

如何在Text不破坏格式的情况下为单词分配 CSS-class/id？假设我想向其中添加类.yellow，它以黄色背景显示文本。

我想我有一些东西阻碍了我的思维，因为它不会那么困难......但我可以谷歌（主要是琐碎的教程）只在通常的 HTML 元素上使用 CSS，或者这会破坏我的格式。

score 20 · Accepted Answer

我认为你错过了标签。试试这个：

<head></head>
<body>
    This is a <span class="yellow">Text</span> about Foobar.
</body>

在 CSS 中：

.yellow{
color:yellow;
}

score 4 · Accepted Answer

使用内联元素。跨度是为此目的而构建的。或者，如果您希望在突出显示的部分后面具有语义含义，您可以重新设置样式或使用以下内容：

strong.highlight{
    font-weight:normal;
    font-style:normal;
    background:yellow;
}

score 3 · Accepted Answer

您只需要将部分包装在一个跨度中，例如：

<span>This is a <span class='yellow'>Text</span> about Foobar.</span>

在此处查看工作示例http://jsfiddle.net/dZZfB/

希望有帮助

score 1 · Accepted Answer

以 HTML 为例：

<center><span class="t1">Test1</span></center>

CSS：

<style type="text/css">
    .t1 {
        color: white; 
        text-shadow: black 0.1em 0.1em 0.2em;
    }
</style>

4 回答 4