[分享]css写ul的li第一个

CSS写UL的LI第一个

ul li:first-child {
   /* 在这里写样式 */
} 

要想改变UL列表中第一个LI元素的样式，可以使用CSS伪类选择器":first-child"。这个选择器表示选择UL列表中的第一个LI元素。

下面是使用:first-child选择器来修改UL列表中第一个LI元素的样式的示例：

ul li:first-child {
   font-weight: bold;
   color: red;
} 

使用上述CSS代码，第一个LI元素将以粗体红色字体显示。

要为第一个LI元素指定其他样式，只需要将上面示例中的font-weight和color替换为所需的样式即可。例如，要设置第一个LI元素的背景颜色，可以按照以下方式修改CSS代码：

ul li:first-child {
   background-color: blue;
} 

上述CSS代码将第一个LI元素的背景颜色设置为蓝色。

总之，使用 :first-child 伪类选择器，可以很容易地为UL列表中的第一个LI元素设置样式，而无需为整个列表编写新的CSS规则。