css选择器同时选则指定的li
css选择器同时选则指定的li
红焖鲤鱼 发表于2年前
css选择器同时选则指定的li
  • 发表于 2年前
  • 阅读 36
  • 收藏 1
  • 点赞 1
  • 评论 0

新睿云服务器60天免费使用,快来体验!>>>   

摘要: 用:nth-child(n)来选择,可以这样写: <style> li:nth-child(2),li:nth-child(3),li:nth-child(4){color:#f00} </style>
<!DOCTYPE html>
<html>
<head>
<style>
div#test>span>ul.hah>li:nth-child(1)
{
background-color:yellow;
}
</style>
</head>

<body>
<h1>欢迎来到我到的主页</h1>

<div id="test">
<span>
<ul class="hah">
<li>我是唐老鸭。</li>
<li>我住在 Duckburg。</li>
</ul>
</span>
<div id="test2">
<span>
<ul>
<li>我是唐老鸭。</li>
<li>我住在 Duckburg2。</li>
</ul>
</span>
</div>


<p>我最好的朋友是米老鼠。</p>

<div>
<span><p>我的样式不会改变。</p></span>
</div>

</body>
</html>


  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 103
博文 33
码字总数 25810
×
红焖鲤鱼
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: