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>
展开
 我来答
慧走得庚远
2013-07-27 · TA获得超过678个赞
知道小有建树答主
回答量:246
采纳率:0%
帮助的人:229万
展开全部
<!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 · 知道合伙人互联网行家
野外负伤
知道合伙人互联网行家
采纳数:13 获赞数:134
2011年到2015年从事医院网络4年,有丰富的实践经验,对网络营销有深刻的理解。

向TA提问 私信TA
展开全部
<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
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
bluesky660
2013-07-26 · 超过12用户采纳过TA的回答
知道答主
回答量:28
采纳率:100%
帮助的人:32.3万
展开全部

你好,可以这样写:

#menu > li {border:1px solid red;}

,其中符号“>"表示直接子元素,不含嵌套的子元素。

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
july七月宝贝
2015-11-24 · 超过23用户采纳过TA的回答
知道答主
回答量:40
采纳率:0%
帮助的人:30.7万
展开全部
在css中写li样式的时候,前面加个ul



#menu li{}

这个是id为menu 的层 下的 li 的样式,如果li 外面不套 别的元素 可以用#menu > li{}
否则就不要用
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
围谷
2013-07-26 · TA获得超过125个赞
知道小有建树答主
回答量:209
采纳率:20%
帮助的人:66.1万
展开全部
<!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;}用子选择器,只选取对应元素的子籍,不会影响到里面其他的

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(8)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式