<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
/*标签选择器 作用于当前页面的所有匹配标签*/
li{
color:red;
}
/*类选择器 作用于当前页面所有class值为里li1的标签*/
.li1{
color: blue;
}
/*ID选择器 id在当前页面具有唯一性*/
#li2{
color:lawngreen;
}
</style>
<title>标签选择器</title>
</head>
<body>
<ul>
<li>家用电器</li>
<li class="li1">各类书籍</li>
<li>手机数码</li>
<li class="li1">日用百货</li>
</ul>
<ol>
<li id="li2">家用电器</li>
<li >各类书籍</li>
<li>手机数码</li>
<li>日用百货</li>
</ol>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
/*标签选择器 作用于当前页面的所有匹配标签*/
li{
color:red;
}
/*类选择器 作用于当前页面所有class值为里li1的标签*/
.li1{
color: blue;
}
/*ID选择器 id在当前页面具有唯一性*/
#li2{
color:lawngreen;
}
</style>
<title>标签选择器</title>
</head>
<body>
<ul>
<li>家用电器</li>
<li class="li1">各类书籍</li>
<li>手机数码</li>
<li class="li1">日用百货</li>
</ul>
<ol>
<li id="li2">家用电器</li>
<li >各类书籍</li>
<li>手机数码</li>
<li>日用百货</li>
</ol>
</body>
</html>