我想对某个元素之后的所有元素应用一些特定的样式。例如,我想选择分隔后的所有元素,并将其背景颜色更改为绿色。
<ul> <li> Cricket </li> <li> Hockey </li> <li class='divider'> </li> //Divider here <li> Football </li> <li> Table Tennis </li> </ul>
CSS代码
li { background-color: 'red'; } //Selector to select elements after divider { background-color: 'green'; }
解决方法
您可以使用
.divider ~ li { background-color:green; }