当前位置：首页 - 正文

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

发布网友发布时间：2022-04-06 13:12

我来回答

共2个回答

热心网友时间：2022-04-06 14:41

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

热心网友时间：2022-04-06 15:59

单独定义一个ID或是CLASS不就行了嘛

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。
E-MAIL:11247931@qq.com

焦点

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

最新推荐

猜你喜欢

热门推荐