用css 只控制第一个li的样式怎么控制?

html-css014

用css 只控制第一个li的样式怎么控制?,第1张

很多方法都是可以实现值控制一个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>

没有写两遍的道理, clsaa是什么,浏览器根本不会识别。

没必要为li定义class,用后代选择器

ul.ul1 li {display: inline}

在我这里是工作的啊。