为了账号安全,请及时绑定邮箱和手机立即绑定

遇到一个BUG

当我输入

.food>li{

    border:1px solid red;

    font-size:20px;

    font-weight:bold;

}

我用的是子选择器,可字体粗细大小却作用于所有li元素。然而边框却是正常的。

正在回答

6 回答

字体的继承比较特殊:

继承方式是根据父元素来定的,如果父元素已经定义了字体大小,子元素没有设置字体大小,那么会默认使用父元素的font-size值,也可以单独给某一个元素设置其值

1 回复 有任何疑惑可以回复我~

CSS的某些样式是具有继承性的,如字体、颜色等。但有一些css样式是不具有继承性的,如border。

0 回复 有任何疑惑可以回复我~

估计是因为继承。border属性不能继承,而字体属性是可以的

0 回复 有任何疑惑可以回复我~

如果子元素只有一个的话,那么就是所有的了。

>作用于元素的第一代后代,空格作用于元素的所有后代。


0 回复 有任何疑惑可以回复我~

边框的的粗细大小是border值决定的。

0 回复 有任何疑惑可以回复我~

复制下所有的代码块好吗?

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1229241    人
  • 解答问题       19084    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

遇到一个BUG

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号