課程
/前端開發(fā)
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
.first>span{border:1px solid red;}
.food li ul li{
? ? border:1px dashed red;
}
2018-06-10
源自:初識HTML(5)+CSS(3)-升級版 8-6
正在回答
p ?span指的是P元素里面包含所有的span元素 ? ?p>span指的是子元素span元素;例如<p><em><strong></strong></em></p>,p ?span可以起作用,P>span 不起作用
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>子選擇符</title>
<style type="text/css">
.food>li{border:1px solid red;}/*添加邊框樣式(粗細為1px, 顏色為紅色的實線)*/
.first>span{
? ? border:1px solid red;
</style>
</head>
<body>
<p class="first">三年級時,<span>我還是一個<span>膽小如鼠</span>的小女孩</span>,上課從來不敢回答老師提出的問題,生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學(xué)校舉辦的活動我也沒勇氣參加。</p>
<h1>食物</h1>
<ul class="food">
? ? <li>水果
? ? ? ? <ul>
? ? ? ? <li>香蕉</li>
? ? ? ? ? ? <li>蘋果</li>
? ? ? ? ? ? <li>梨</li>
? ? ? ? </ul>
? ? </li>
? ? <li>蔬菜
? ? <ul>
? ? ? ? <li>白菜</li>
? ? ? ? ? ? <li>油菜</li>
? ? ? ? ? ? <li>卷心菜</li>
</ul>
</body>
</html>
你把這個代碼的大于換成空格看看就明白了
解決了嗎?
慕瓜7223809 提問者
舉報
HTML(5)+CSS(3)基礎(chǔ)教程8小時帶領(lǐng)大家步步深入學(xué)習(xí)標簽用法和意義
3 回答選擇器可以用什么樣的字母代替
2 回答使用子選擇器>和包含(后代)選擇器 (空格)的提交問題
3 回答子選擇器和后代選擇器是否都可以使用類選擇器和ID選擇器?
1 回答子選擇器和后代選擇器什么時候使用?
1 回答子選擇器和后代選擇器的使用
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2018-06-28
p ?span指的是P元素里面包含所有的span元素 ? ?p>span指的是子元素span元素;例如<p><em><strong></strong></em></p>,p ?span可以起作用,P>span 不起作用
2018-06-10
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>子選擇符</title>
<style type="text/css">
.food>li{border:1px solid red;}/*添加邊框樣式(粗細為1px, 顏色為紅色的實線)*/
.first>span{
? ? border:1px solid red;
}
</style>
</head>
<body>
<p class="first">三年級時,<span>我還是一個<span>膽小如鼠</span>的小女孩</span>,上課從來不敢回答老師提出的問題,生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學(xué)校舉辦的活動我也沒勇氣參加。</p>
<h1>食物</h1>
<ul class="food">
? ? <li>水果
? ? ? ? <ul>
? ? ? ? <li>香蕉</li>
? ? ? ? ? ? <li>蘋果</li>
? ? ? ? ? ? <li>梨</li>
? ? ? ? </ul>
? ? </li>
? ? <li>蔬菜
? ? <ul>
? ? ? ? <li>白菜</li>
? ? ? ? ? ? <li>油菜</li>
? ? ? ? ? ? <li>卷心菜</li>
? ? ? ? </ul>
? ? </li>
</ul>
</body>
</html>
你把這個代碼的大于換成空格看看就明白了
2018-06-10
解決了嗎?