如何在同一个div中将文本分为两个单独的部分

怎么样 :

我想在每个词之后有三个词,并加上句号。如何构造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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在角度8的同一个div中打开两个模态?

如何从同一个python程序编写两个单独的日志文件?

Javascript,如何在同一个输入类型的文本字段中显示两个值?

如何在同一个div中的两个<a>标记之间有空格

来自同一个文本文件 Python 的两个单独的整数列表

如何使用 Materializecss 在同一个 div 上显示两个工具提示?

如何用木偶包装两个ItemView到同一个div中?

如何在android的同一个活动中实现两个按钮?

如何在Flutter的同一个屏幕上显示两个ListView?

DigitalOcean - 如何在同一个 Droplet 上部署两个 WordPress 安装?

如何在同一个Ubuntu上运行两个Skype帐户?

如何在同一个查询中对两个表计数求和?

在 Opaleye 中,如何在同一个查询中插入两个表?

如何在Prolog中为同一个原子有两个名称?

如何在同一个文件上执行两个grep命令?

如何在两个 psql 事务中使用同一个临时表?

如何在同一个jQuery函数中使用两个追加?

如何在同一个端点中模拟两个axios调用

如何在同一个母版上创建两个不同的框架

如何在同一个文件中运行两个匿名结构?

两个 div,一个紧挨着,在同一个角落

从同一个git repo部署两个单独的heroku应用

如何在同一个分组 Tablix 中显示两个数据集

如何在同一个单元测试中最小起订量,来自同一个配置的两个值

如何为同一个HTML文件中的两个按钮制作两个单独的POST方法?

如何在SQL Server 2014中将结果从一个字段拆分为两个单独的字段

如何在MATLAB中将一个单元格元素拆分为两个单独的单元格元素

在 DRF 中将两个模型混合到同一个端点

如何在同一个div中获得不同的文本对齐方式?