问答详情
源自：8-6 捡了一个儿子 - 子选择器

为什么运行不出来

http://img.mukewang.com/60d1d2410001780c09460611.jpg


<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style type="text/css ">
    .four>span {border: 1px;solider:red;}
  </style>
</head>
<body>
      <span class="four ">时间覅寂寞的</span>觉得抵达加拿大弟弟就是四年的
</body>
</html>


提问者：小汪冲鸭 2021-06-22 20:07

个回答

  • weixin_慕仔9314834
    2021-06-22 20:43:16
    已采纳

    我觉得.four>span是子选择器，应该是对使用four类中的span起作用，所以第11行可以改为“<span class="four"><span>时间覅寂寞的</span></span>”，但是我试了一下还是运行不出来，你还要把第六行text/css后面的空格删掉，然后我又查了一下第7行border属性的定义方法，应该把第七行改成“.four>span {border: 1px solid red;}”。我总的改成下面了这样，然后用的sublime就可以运行了

    <!DOCTYPE html>

    <html>

    <head>

      <meta charset="UTF-8">

      <title>Title</title>

      <style type="text/css">

        .four>span {border: 1px solid red;}

      </style>

    </head>

    <body>

          <span class="four"><span>时间覅寂寞的</span></span>觉得抵达加拿大弟弟就是四年的

    </body>

    </html>


    0
  • weixin_慕先生6149043
    2022-02-07 16:47:17

    问题应该是定义错了，子选择器的功能是：大类里面的内容，你这个已经把span定义为four这个类了，加修饰只需要：

    .four即可，如果真想套一下的话，应该是<p class="four">lalala<span>dedede<span/><p/>,然后达成的效果应该是里面的dedede加红色1px框框线

    0
  • 银Silver
    2021-06-22 20:40:48

    没套进<p></p>

    0