CSS的选择择器问题2-14
请问，代码第二行和第四行分别不显示绿色和蓝色，请问为什么？谢谢
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
/*此处写代码*/
ol>li:nth-child(1){color:red;};
ol>li:nth-child(2){color:green;};
ol>li:nth-child(3){color:blue;};
</style>
</head>
<body>
<!--此处写代码-->
<ul>
<li>家用电器
<ol>
<li>冰箱</li>
<li>洗衣机</li>
<li>空调</li>
</ol>
</li>
</ul>
<ul>
<li>清洁用品
<ol>
<li>洗衣液</li>
<li>消毒液</li>
<li>洗厕液</li>
</ol>
</li>
</ul>
<ul>
<li>奶婴用品
<ol>
<li>奶粉</li>
<li>纸尿裤</li>
<li>奶瓶</li>
</ol>
</li>
</ul>
</body>
</html>
慕桂英32513181回答
-
码农2号
ol>li:nth-child(1){color:red;}ol>li:nth-child(2){color:green;}ol>li:nth-child(3){color:blue;}以上是css样式，你多写了分号；，会阻断后面的css样式的加载，浏览器识别时候遇到分号就是识别前面的代码，而你的分号前面又是空的，所以会阻断。
随时随地看视频慕课网APP
相关分类
CSS3