为了账号安全,请及时绑定邮箱和手机立即绑定

后代选择器和子选择器问题

 15-4中 

<html>

<head>

<meta charset="utf-8">

<title>不定宽块状元素水平居中</title>

<style>

  .container{text-align:center;}

  .container ul{list-style:none;margin:0;padding:0;display:inline;}

  .container li{border:2px red solid;margin-right:8px;display:inline}

</style>

</head>


<body>

<div class="container">

    <ul>

    <li><a href="#">1</a></li>

        <li><a href="#">2</a></li>

        <li><a href="#">3</a></li>

    </ul>

</div>

</body>

</html>  

此处代码   .container li{border:2px red solid;margin-right:8px;display:inline}

如果把此处的后代选择器换成自选择器为什么不行呀?我感觉是一样的

正在回答

2 回答

因因为div元素的子元素是ul,li是他的孙元素,无法使用直接使用子选择器,应该这样写

.container>ul>li{border:2px red solid;margin-right:8px;display:inline}

0 回复 有任何疑惑可以回复我~

是一样的啊,但你有没有考虑过一张网页会有多少个li,,

0 回复 有任何疑惑可以回复我~
#1

qq_浮雲遊子_03977413 提问者

我换成>后,不行呢
2017-01-06 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

后代选择器和子选择器问题

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信