改变一个单词的颜色

Question

我有一段带有一些文字的段落。如何更改该段落中只有一个单词的颜色？我的尝试最终改变了“＆＃39;”的颜色。但也放了＆＃39;＆＃39;在它自己的路线上。

<div class="myHeader">
   <h1>This is my heading</h1>
   <h2>This <div class="test">is</div> the paragraph</h2>
</div>

css文件：

.myHeader {
  text-align: center;
  font: normal Helvetica, Arial, sans-serif;
  color: #ffffff;  
}

.test{
color: red;
}

Answer 1

不要让.test成为div，而应使用span之类的内容。

它是自己的行，因为div是一个块元素，而span等是内联的。

Answer 2

您有两种选择。您可以将es更改为esqew指出的范围，也可以将样式规则更改为此

.test{
  display:inline;
  color: red;
}

有效地将块级div视为跨度。

Answer 3

我要为<div class="test">is</div>做些什么才能使<div id=test>is</div>然后将css更改为

#test{
color:red;
}

希望这有助于：）