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

为什么运行不出来

http://img1.sycdn.imooc.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 回答

我觉得.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 回复 有任何疑惑可以回复我~
#1

小汪冲鸭 提问者

为什么<span>里面还要有一个<span>,不太明白
2021-06-22 回复 有任何疑惑可以回复我~
#2

weixin_慕仔9314834 回复 小汪冲鸭 提问者

是因为定义的.four>span是对使用.four类的span子元素起作用,“<span class="four">”这种不是子元素,是不会起作用的。如果style里定义的是.four>p,要对“时间覅寂寞的”起作用就要给它套上p,像这样“<span class="four"><p>时间覅寂寞的</p></span>”。不知道能不能说明白...
2021-06-23 回复 有任何疑惑可以回复我~
#3

慕设计6081429

.four>span {border: 1px solid red;} 这句错了 改成 .four>span {border: 1px solid red }
2021-07-09 回复 有任何疑惑可以回复我~

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

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

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

没套进<p></p>

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

小汪冲鸭 提问者

当我套进去的时候还是显示不出来,选择器是不是对不同编译器有区别?
2021-06-22 回复 有任何疑惑可以回复我~

举报

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

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

进入课程

为什么运行不出来

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信