課程
/前端開發
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
>作用于元素的第一個后代,有兩個<span>標簽“的小女孩”為啥也在紅色邊框里?
2018-12-20
源自:初識HTML(5)+CSS(3)-升級版 8-6
正在回答
因為小女孩屬于段落,作業于第一個后代的意思是不會給<span>部分再加一個邊框(如果作用于所有后代這部分會有那個邊框,一個是段落整體的,一個是? ”的小女孩“單獨的)。
因為小女孩屬于段落,作業于第一個后代的意思是不會給<span>部分再加一個邊框(如果作用于所有后代這部分會有兩個邊框,一個是段落整體的,一個是? ”的小女孩“單獨的)。
css:
?#box1{
? width:200px;? /*div的寬*/
? height:200px;??/*div的高*/
? border:2px solid red;??/*div框架的寬度 實體樣式 顏色配置*/
?position:relative;??/*div的一種定位效果,“相對定位”他寫在box1中,意思是以box1 vid為父容器,box2的內容將顯示在這個div里面,在box1里寫position:relative在box2里寫“絕對定位”position:absolute ,兩者需要達到相互交融的效果*/
?
?}
#box2{
? width:99%; /*div box2的寬度,用百分比來表示,內容會自動充滿*/
? position:absolute;??/*與box1里面的“相對定位”相互交融*/
?bottom:0px;/top:0px;/left:0px;/right:0px;??/*<span>里面的內容的定位,隨便選擇一個*/
}
html:
<div id="box1">
?<div id="box2"><span>aaa</span>
?</div>
舉報
HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義
2 回答關于第一代元素
1 回答用于選擇指定標簽元素的第一代子元素?
1 回答子選擇器僅是指它的直接后代,或者可以理解為作用于子元素的第一代后代。而后代選擇器是作用于所有子后代元素。后代選擇器通過空格來進行選擇,而子選擇器是通過“>”進行選擇。 總結:>作用于元素的第一代后代,空格作用于元素的所有后代。
1 回答第一代元素?
3 回答什么事元素的第一代后代,什么是元素的所有后代。
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2018-12-20
因為小女孩屬于段落,作業于第一個后代的意思是不會給<span>部分再加一個邊框(如果作用于所有后代這部分會有那個邊框,一個是段落整體的,一個是? ”的小女孩“單獨的)。
2018-12-20
因為小女孩屬于段落,作業于第一個后代的意思是不會給<span>部分再加一個邊框(如果作用于所有后代這部分會有兩個邊框,一個是段落整體的,一個是? ”的小女孩“單獨的)。
2018-12-20
css:
?#box1{
? width:200px;? /*div的寬*/
? height:200px;??/*div的高*/
? border:2px solid red;??/*div框架的寬度 實體樣式 顏色配置*/
?position:relative;??/*div的一種定位效果,“相對定位”他寫在box1中,意思是以box1 vid為父容器,box2的內容將顯示在這個div里面,在box1里寫position:relative在box2里寫“絕對定位”position:absolute ,兩者需要達到相互交融的效果*/
?
?}
#box2{
? width:99%; /*div box2的寬度,用百分比來表示,內容會自動充滿*/
? position:absolute;??/*與box1里面的“相對定位”相互交融*/
?bottom:0px;/top:0px;/left:0px;/right:0px;??/*<span>里面的內容的定位,隨便選擇一個*/
}
html:
<div id="box1">
?<div id="box2"><span>aaa</span>
?</div>