我想有三个单词，每个单词后面加句号。如何构造html，使文本和句号包含在每个单独的div中，但是句号可以由不同的选择器作为目标。原因是我希望句号的颜色与文本的颜色不同，并且只有在定义不同的目标选择器时才能做到这一点。到目前为止，我已经:
<div class="sometext">some
text</div>
<div class="sometext1">some
text</div>
<div class="sometext2">some
text</div>
<div class="full stop">.
</div>
<div class="full stop1">.
</div>
<div class="full stop2">.
</div>
有可能用更简单，更好的方式来写吗？
所以有些文字是黑色的，句号是红色的，有些文字是黑色的，句号是黄色的，有些文字是黑色的，句号是绿色的，而不必把它们都写成独立的div。
如果您想要不同的颜色，您必须在跨度标签中有句号，并且每个跨度标签都有类或ID。
<style>
.sometext {
color: black;
}
.red {
color: red;
}
.yellow {
color: yellow;
}
.green {
color: green;
}
</style>
<div class="sometext">some text<span class="red">.</span></div>
<div class="sometext">some text<span class="yellow">.</span></div>
<div class="sometext">some text<span class="green">.</span></div>
您可以使用::after选择器在所有div后面添加句号。例如:
null
[class^="some"]:after{content:'.'}
.black:after{color:black}
.yellow:after{color:yellow}
.green:after{color:green}<div class="sometext black">some text</div>
<div class="sometext yellow">some text</div>
<div class="sometext green">some text</div>
将所有内容放在一个div中，然后在各自的范围内包装每个内容和句号。清楚地说，你应该总共有6个跨度。如果所有的文本样式都相同，所有的句号样式也相同，则对文本跨度使用一个类，对句号跨度使用另一个类
