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字体
效果:
很多方法都是可以实现值控制一个li样式而不影响其他的,最简单的是给第一个li设置一个id或者设置一个单独的class,也可以使用最新的css3选择器。
工具原料:编辑器、浏览器
1、设置类或者id的方法
简单的代码示例如下:
<body><ul>
<li id="special">111</li>
<li>222</li>
<li>333</li>
<li>444</li>
<li>555</li>
</ul>
<style>
#special{
background: #ccc
}
</style>
</body>
2、使用css3的选择器
<body><ul>
<li id="special">111</li>
<li>222</li>
<li>333</li>
<li>444</li>
<li>555</li>
</ul>
<style>
li:first-child
{
background-color:yellow
}
</script>
</body>
#nav .headli1 a.on{background:#F3F7FD
width: 114px
margin-left: 1px
background-image: url(/LogService/images/nav1.png)
}
这样控制就可以了
因为你给li写了样式
所以你在写css的时候如果只让.headli1下面的a下的on写样式就可以了