子选择器的问题-慕课网

首页课程实战体系课手记专栏慕课教程

子选择器的问题

来源：12-13 距离产生美 - 使用margin为盒子设置外边距（边界）

zqbinary

2016-01-27 22:30

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

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

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

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

为什么会这样子？

写回答关注

2回答

萌态狼

2016-01-27 22:59:58

已采纳

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

3 0

忆_卿回复zqbina...

你不加空格，就代表了是 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 14:20:08

共 3 条回复 >
忆_卿

2016-04-20 14:22:39

div #box1{}这种写法叫包含选择器，div>#div{}这样写才叫子选择器。

0 0

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225297 学习 · 18230 问题

相似问题

子选择器的问题

回答 4

子选择器的问题！

回答 4

子选择器的问题

回答 5

子选择器问题

回答 6

子选择器问题

回答 1

打开慕课网App查看更多内容