为什么运行不出来
<!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>
<!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
我觉得.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>
举报