课程

回到首页 个人中心 反馈问题 注册登录
下载APP
首页 课程 实战 体系课 手记 专栏 慕课教程

为什么运行不出来

来源：8-6 捡了一个儿子 - 子选择器

小汪冲鸭

2021-06-22 20:07

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>


写回答 关注

3回答

  • 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>


    3 0

    慕设计608...

    .four>span {border: 1px solid red;} 这句错了 改成 .four>span {border: 1px solid red }

    2021-07-09 15:13:56

    共 3 条回复 >

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

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

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

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

    没套进<p></p>

    1 0

    小汪冲鸭

    当我套进去的时候还是显示不出来，选择器是不是对不同编译器有区别？

    2021-06-22 20:42:13

    共 1 条回复 >

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

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

1225808 学习 · 18234 问题

查看课程

相似问题

运行不出来

回答 4

为什么认识head 标签运行不显示出来呢

回答 2

多选运行不出来

回答 4

运行结果怎么出来

回答 3

为什么不可以运行

回答 2

打开慕课网App查看更多内容