css怎么选择只以ul最为父元素的li
<ulid="menu"><li>111</li><li>111<ul><li>222</li></ul></li><li>111</li><li>111</li></u...
<ul id="menu">
<li>111</ li>
<li>111
<ul>
<li>222</ li>
</ ul>
</ li>
<li>111</ li>
<li>111</ li>
</ ul>
怎么用css选择所有<li>111</ li>而不选择<li>222</ li> 展开
<li>111</ li>
<li>111
<ul>
<li>222</ li>
</ ul>
</ li>
<li>111</ li>
<li>111</ li>
</ ul>
怎么用css选择所有<li>111</ li>而不选择<li>222</ li> 展开
10个回答
展开全部
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
#menu{ margin: 0;}
#menu > li{ color:#00F;}
#menu li ul li{ color:#F00;}
</style>
</head>
<body>
<ul id="menu">
<li>111</li>
<li>111
<ul>
<li>222</li>
</ul>
</li>
<li>111</li>
<li>111</li>
</ul>
</body>
</html>
#menu li{}
这样写就是控制的所有的li
#menu li ul li{}
这样写的就是专门控制的<li>222</li>里面的
#menu > li{ }
这样写是只控制<li>1111</li>里面的
推荐于2016-03-24 · 知道合伙人互联网行家
关注
展开全部
<style>
.cheshi { width:200px; height:200px; border:#000 solid 1px;}
.cheshi1 { width:200px; height:200px; border:#000 solid 1px;}
/*选择方法一*/
.cheshi ul li { width:20px; height:20px;}
/*选择方法二*/
.cheshi1 li { width:20px; height:20px;}
</style>
<div class="cheshi">
<ul class="cheshi1">
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
</ul>
<ul>
<li>2</li>
<li>2</li>
<li>2</li>
<li>2</li>
<li>2</li>
<li>2</li>
</ul>
</div>
两种方法对比,第二种是以ul 为父元素选择li(只选中了 <li>1</li>)
第一种是以ul的父元素选择li (选中了 <li>1</li>和<li>2/li>)
我们可以根据具体的需要选择定义的li
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
你好,可以这样写:
#menu > li {border:1px solid red;}
,其中符号“>"表示直接子元素,不含嵌套的子元素。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
在css中写li样式的时候,前面加个ul
如
#menu li{}
这个是id为menu 的层 下的 li 的样式,如果li 外面不套 别的元素 可以用#menu > li{}
否则就不要用
如
#menu li{}
这个是id为menu 的层 下的 li 的样式,如果li 外面不套 别的元素 可以用#menu > li{}
否则就不要用
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
#menu{ margin: 0;}
#menu > li{background: red;}
</style>
</head>
<body>
<ul id="menu">
<li>111</li>
<li>111</li>
<ul>
<li></li>
<li></li>
</ul>
<li>111</li>
<li>111</li>
<li>111</li>
<li>111</li>
</ul>
</body>
</html>
#menu > li{background: red;}用子选择器,只选取对应元素的子籍,不会影响到里面其他的
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询