                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /初識HTML(5)+CSS(3)-升級版

子選擇器的問題

body ?#box1{margin-bottom:30px;}/*有效果*/

body div #box1{margin-bottom:30px;}/*沒效果*/

?#box1{margin-bottom:30px;}/*有效果*/

div #box1{margin-bottom:30px;}/*沒效果*/

為什么會這樣子？

zqbinary

2016-01-27

源自：初識HTML(5)+CSS(3)-升級版 12-13

關(guān)注問題我要回答

721

操作

收起

2 回答

萌態(tài)狼回答被采納 +3 積分
2016-01-27

div #box1{{margin-bottom:30px;}/*div標簽和#box1是同一級標簽，不存在#box1是div的子標簽，所以凡是“div #box1”的寫法不生效*/

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

zqbinary 提問者

非常感謝！

2016-01-27 回復(fù) 有任何疑惑可以回復(fù)我~

#2

zqbinary 提問者

那為什么不是同一個: div#box1{ margin-bottom:30px; }/*不加空格也是有效果的*/ 據(jù)說這是個結(jié)合元素選擇器，即將id選擇器結(jié)合元素選擇器使用。div#box1只會匹配id屬性包含box1的所有div元素。具體看http://idcbgp.cn/qadetail/113853

2016-01-28 回復(fù) 有任何疑惑可以回復(fù)我~

#3

憶_卿回復(fù) zqbinary 提問者

你不加空格，就代表了是 id="box1"的div標簽的樣式。帶空格是指，div下，含有id="box1"的子標簽的樣式了，兩個名字都不同，div #box1{}這種寫法叫子選擇器，div#box1寫法叫ID選擇器能一樣嗎？因為在這你寫的HTML里 #box1 就是代表div，你寫的div #box1{} 是要改變的他的子類，他都沒子類會有效果么？ <body> <div> <p id="box1">加油!</p> </div> </body>這樣寫你就可以看到效果了

2016-04-20 回復(fù) 有任何疑惑可以回復(fù)我~