1.Emmet语法
2.复合选择器
2.1后代选择器
<style>
ol li{
color: #000;
}
</style>
</head>
<body>
<ol>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ol>
<ul>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
</ul>
2.3子选择器
div >a{
color: #000;
}
</style>
</head>
<body>
<div>
<a href="#">我是儿子</a>
<p>
<a href="#">我是孙子</a>
</p>
</div>
3.并集选择器
<style>
div,
p,
.red li {
color: #f40000;
}
</style>
</head>
<body>
<div>我是红色</div>
<p>我是红色</p>
<span>我是黑色</span>
<ul class="red">
<li>我是红色</li>
<li>我是红色</li>
<li>我是红色</li>
<li>我是红色</li>
</ul>
4.伪类选择器
4.1
:f oucs选择器
5.显示模式
3.背景图片
背景总结