css li 单独设置 |css3 最小比例宽度

li {
color: red;
font-size: 20px;
}

上述代码表示，大家对所有的li元素设置了红色字体颜色和20像素的字号。但是，有时候大家需要对某个特定的列表项进行样式设置，这时候该怎么办呢？

苹果
橙子
香蕉
.orange {
color: orange;
font-size: 24px;
}

上述代码中，大家在列表项中给橙子这一项添加了class属性，然后在CSS样式表中对该类进行样式设置。结果就是，只有橙子这一项的字体变成了橙色，字号变为了24像素。

除了使用class选择器，大家还可以使用id选择器对特定的列表项进行样式设置。例如：

苹果
橙子
香蕉
#apple {
font-weight: bold;
text-transform: uppercase;
}

上述代码中，大家在苹果这一项中使用了id属性，并在CSS中对该id进行了样式设置。结果是，苹果这一项的字体加粗且变为大写字母。

总之，通过对li元素的单独设置，大家可以对列表项进行更加精细的样式控制，从而使网页呈现出更加美观的效果。