<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>高级选择器</title>
<style type="text/css">
#nav{
height: 40px;
}
/* #nav li{ nav下的li 后代选择器
list-style: none;
width: 100px;
height: 40px;
border: 1px solid #7bcc62;
float: left;
text-align: center;
line-height: 40px;行高属性；单行文字，在行高和容器高度相等时文字居中
} */
/* .box p{
color: red;
} */
/* 子选择器 > 先选父级>制定元素 */
/* .box>p{
color: red;
} */
/* 作用：1.节省类名 2.可以重复的类名加上不同的样式，根据其父级不同 */
/* 通配符选择器 选择页面中的所以标签*/
*{
margin: 0;
padding: 0;
}/* 样式的重定义 清除所有默认边距 */
</style>
</head>
<body>
<!-- <ul id="nav">
<li>
<a href="https://www.baidu.com/">百度</a>
</li>
<li class="tx">
<a href="https://www.qq.com">腾讯</a>
</li>
<li>
<a href="https://www.1688.com/?page-source=sem&cosite=baidujj_pz&keywordid=&trackid=885662561117990122602&location=">阿里</a>
</li>
<li>
<a href="https://www.jd.com/?cu=true&utm_source=baidu-pinzhuan&utm_medium=cpc&utm_campaign=t_288551095_baidupinzhuan&utm_term=0f3d30c8dba7459bb52f2eb5eba8ac7d_0_90e2e7576dc6415bbbf1052ab3b1d3eb">京东</a>
</li>
</ul>
<ul id="list">
<li>a</li>
<li>a</li>
<li>a</li>
<li>a</li>
</ul> -->
<div class="box">
<p>hello word</p>
<div class="wrap">
<p>
孙子
</p>
</div>
</div>
<p>我是兄弟级</p>
<ul>
<li>123</li>
<li>123</li>
<li>123</li>
<li>123</li>
</ul>
</body>
</html>
