為什么運行不出來
<!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是子選擇器，應(yīng)該是對使用four類中的span起作用，所以第11行可以改為“<span class="four"><span>時間覅寂寞的</span></span>”，但是我試了一下還是運行不出來，你還要把第六行text/css后面的空格刪掉，然后我又查了一下第7行border屬性的定義方法，應(yīng)該把第七行改成“.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>
2022-02-07
問題應(yīng)該是定義錯了，子選擇器的功能是：大類里面的內(nèi)容，你這個已經(jīng)把span定義為four這個類了，加修飾只需要：
.four即可，如果真想套一下的話，應(yīng)該是<p class="four">lalala<span>dedede<span/><p/>,然后達成的效果應(yīng)該是里面的dedede加紅色1px框框線
2021-06-22
沒套進<p></p>