我想在每个词之后有三个词,并加上句号。如何构造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。
如果要使用不同的颜色,则必须在span标签中使用句号,并为每个span标签使用类或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>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句