请问，代码第二行和第四行分别不显示绿色和蓝色，请问为什么？谢谢<!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>
1 回答
码农2号
TA贡献151条经验 获得超48个赞
ol>li:nth-child(1){color:red;}
ol>li:nth-child(2){color:green;}
ol>li:nth-child(3){color:blue;}
以上是css样式，你多写了分号；，会阻断后面的css样式的加载，浏览器识别时候遇到分号就是识别前面的代码，而你的分号前面又是空的，所以会阻断。
- 1 回答
- 0 关注
- 882 浏览
添加回答
举报
0/150
提交
取消