遇到一个BUG

来源:8-7 这么快就当爷爷了? - 后代选择器

幻想一刻钟

2016-02-25 15:50

当我输入

.food>li{

    border:1px solid red;

    font-size:20px;

    font-weight:bold;

}

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

写回答 关注

6回答

  • 布夕
    2016-02-25 16:15:05

    字体的继承比较特殊:

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

  • 大圆柚子
    2016-02-25 16:14:12

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

  • 离恨天
    2016-02-25 16:13:27

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

  • 布夕
    2016-02-25 16:12:54

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

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


  • qq_何必在意_1
    2016-02-25 16:08:17

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

  • haugenzhays
    2016-02-25 15:58:48

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

初识HTML(5)+CSS(3)-升级版

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

1228559 学习 · 19062 问题

查看课程

相似问题