CSS选择器的分类:
1.标签选择器(标签名):作用于当前页面所有匹配标签
2.类选择器(.+属性):作用于当前页面所有class值为red的标签
3.ID选择器(#+ID名):作用于当前页面所有ID值为price的标签,ID在当前页面具有唯一性
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style type="text/css">
li{color: blue;
font-size: 12px}
.red{color: red}
#price{color: rgba(94, 91, 170, 0.8);
font-size: 30px}
</style>
<title>标签选择器</title>
</head>
<body>
<!--标签选择器(标签名):作用于当前页面所有匹配标签-->
<ul>
<li>家用电器</li>
<li class="red">各类书籍</li>
<li>手机数码</li>
<li class="red">日用百货</li>
</ul>
<!--类选择器(.+属性):作用于当前页面所有class值为red的标签-->
<!--ID选择器(#+ID名):作用于当前页面所有ID值为price的标签,ID在当前页面具有唯一性-->
<p>
限时抢购:电脑 <span id="price">1</span>元起
</p>
<ol>
<li id="111">有序列表1</li>
<li>有序列表2</li>
<li>有序列表3</li>
<li>有序列表4</li>
</ol>
</body>
</html>