没有HTML标记的样式文本?

时间:2014-01-16 14:25:54

标签: html css

无论如何都要在HTML中设置没有HTML标记的纯文本。

示例:就像我输入HTML一些纯文本说

    hello world   -> Can I style this plain text without any tag

    and not like

  <div> Hello World </div>

2 个答案:

答案 0 :(得分:6)

纯文本包含在元素中:body元素:

<body>
    Hello, world!
</body>

因此,您可以通过简单地设置body元素的样式来设置此文本的样式:

body {
    color: red;
    text-decoration: underline;
}

虽然具体情况取决于上下文,但CSS3确实提供了两个pseudo-element selectors可用于此目的::first-line:first-letter

要设置“H”的样式,您只需使用:

body:first-letter {
    font-size: 32px;
}

如果您的第一行与另一行分隔<br>个元素,您还可以使用:first-line

<body>
    Hello, world!<br>
    Second line.
</body>
body:first-line {
    font-style: italic;
}

JSFiddle demo

答案 1 :(得分:-2)

您需要使用span或类似的东西来定位文本的某些部分。只需使用css,就需要使用标签来设置文本样式。

您可以使用span

实现这种效果
<p>I can style <span>this</span> text with the use of a tag</p>

p span {
    color: teal;
}

我发现了article on adding an underline to certain words。通过使用脚本,你可以调整它以便按照你想要的方式工作,而无需手动添加html标签。相反,jQuery将为您添加标记。