css中怎么为字符串中的每一行设置样式

这里分享下在css中为字符串中的每一行设置样式的方法。

*** 作设备：联想电脑

*** 作系统：win10

代码编辑器：zend studio 10.0

1、首先新建一个html文件，命名为test.html，在test.html文件内，使用p标签创建一行字符，用于测试。

2、在test.html文件内，给p标签添加一个class属性，用于样式的设置。

3、在test.html文件内，编写<style type="text/css"></style>标签，页面的css样式将写在该标签内。

4、在css标签内，通过class属性和“:first-letter”选择第一个字符，使用color属性设置它为红色。

5、最后在浏览器打开test.html文件，查看实现的效果。

tr:nth-child(2n+1) 单数行

tr:nth-child(odd) 同上

tr:nth-child(2n) 双数行

tr:nth-child(even) 同上

tr:nth-child(0n+1) 第一行，相当于 :first-child

tr:nth-child(1) 同上

tr:nth-child(-n+3) 匹配前三行

括号里的公式可以自己写，匹配自己想要的行数，比如每隔5行就是5n 酱紫

for 的里面加一个if判断

if (p/5)%2==0 then

<li class='a'><a href="#">文章标题</a></li>

else

<li class='b'><a href="#">文章标题</a></li>

也就是说

p是5的单数倍的时候是样式b

双数倍的时候是样式a

ps 语法可能有错 思路就是这样

---