4回答

• 

  吱吱叫的老鼠

  2018-09-06 15:04:08

  已采纳

  .food>li{

  border:1px solid red;

  }  --这个就是选择第一代子元素，但是因为第一代子元素里面还有第二代或者第三代元素，由于继承的原因，他们会继承第一代元素的样式，但是我们可以自己给第二代子元素添加样式，比如

  .food > li{
      border: 1px solid red;
      background: blue;
  }
  .food li ul li{
      background: green;
  }

  ---你会发现22222222的背景是绿色的，11111111是蓝色的
  

      <ul class="food">
          <li>
              <ul>
                  <li>222222222</li>
              </ul>
          </li>
          <li>
              111111111
          </li>
      </ul>
      9999999999999999999999999

  
  

  3 4

  吱吱叫的老鼠 回复qq_地维_...

  红色边框样式被继承了，只不过自己写了蓝色边框，讲红色边框覆盖掉了。可以这样理解，一开始，我都想让li是红色边框，但是后来想了想，发现部分第二代，第三代红色边框不好看，我就可以改成蓝色边框，其他的第二代第三代li的还是红色边框。这样方便样式统一与维护，减少冗余代码

  2018-12-16 08:38:16

  共 3 条回复 >

• 

  hurui123

  2018-09-13 21:02:20

  我看了一下课程的文字一样 来找答案 我看看回答能不能让我明白把 哈哈

  0 0
• 

  Corbie_L

  2018-09-06 13:52:36

  你把下一课敲一下就明白了   你加上了颜色是给水果和蔬菜前面的li加上的 这两个li包含了后面的东西 所以字体都变蓝了

  0 0
• 

  Corbie_L

  2018-09-06 13:44:25

  food>li 表示的是作为food下的所以li子元素
  

  2 0

  慕仙6215...

  这个food>li不是选择第一代子元素吗？

  2018-09-06 14:26:37

  共 2 条回复 >