.column li{...} /*只对class=column的元素下的li生效*/
.column li.pos1{...} /*只对class=column的元素下的li且这个li的class为pos1时生效*/
css控制第一个li标签的样式,和其他li的样式不同:给第一个<li>标签添加class或者id,然后编写css代码。
html:给第一个li元素添加一个class类名为“menu1”。
html:
<ul>
<li class=“menu1”>新闻一</li>
<li>新闻二</li>
<li>新闻三</li>
</ul>
css代码:
li{font-size:14px;} //4px大小的字体
.menu1{font-size:18pxfont-weight:bold;} //字体样式:粗体18px字体
效果: