课程
/前端开发
/HTML/CSS
/初识HTML(5)+CSS(3)-升级版
1px后加；怎么就不能实现页面效果？
2018-11-19
源自：初识HTML(5)+CSS(3)-升级版 8-6
正在回答
补充，个人理解
body{font-size:12px;color:red;}像这个代码中字号和颜色是两个样式，所以用分号隔开，而.first>span{border:1px solid red;}中border就是边框样式，1px solid red是用来描述边框样式的，它们一起构成边框样式这一整体，所以用空格隔开。
虽然我还不能解释你的问题，但是我发现.first>span{border:1px red solid;}以及任意交换1px red solid这三者顺序的其他情况均可以出现红色框，也就是说1px red solid是三个独立的东西（不知道专业名称是啥啦）
如果将分号；放在其他位置，如.first>span{border:1px solid; red}会发现只有1像素的黑（默认黑色）框，这说明该语句以分号结束，分号后面的就没用了，所以你说的那种情况只出现了1像素，到第一个分号截止，就没有框出现了。
不过前面学的有用分号并列的，而这里是用空格并列，原因我还不清楚。
举报
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
3 回答.first>span{border:1px solid red;}
3 回答.first>span{border:1px solid red;}和.first span{border:1px solid red;}有什么区别
3 回答span{border:1px solid red;}的含义
4 回答.first>span{border:1px solid red;} 这行代码的语法分析
4 回答div{border-bottom:1px solid red;}
