为了账号安全,请及时绑定邮箱和手机立即绑定

关于float设置后的块状元素

div{border:2px red solid;

    width:100px;

    height:400px;

    float:left;}

在这个div进行了设置后,是不是不需要再设定(或者说写出会用到的divN,N代表数字)#div1/#div2/#div3……,就可以直接调用?

如下:

<div id="div1">栏目1</div>

<div id="div2">栏目2</div>

求大神指教。


正在回答

2 回答

#divN跟div是不一样的选择器

0 回复 有任何疑惑可以回复我~
#1

慕粉4297986 提问者

从理解上来说,#divN与div是不一样的选择器,但是在慕课的模拟器中就出现了我提问中出现的情况:未定义#div1(甚至之前都没有写),但#div1直接引用了div的CSS样式。
2016-11-29 回复 有任何疑惑可以回复我~
#2

慕粉4018490 回复 慕粉4297986 提问者

这样子说吧,div{border:2px red solid;width:100px;height:400px;float:left;}跟#div1{border:2px red solid;width:100px;height:400px;float:left;}#div2{border:2px red solid;width:100px;height:400px;float:left;}出来的效果是一样的,课程中没有使用#div1、#div2声明样式,而是直接使用div声明样式的,不能说#div1引用了div的样式。
2016-11-29 回复 有任何疑惑可以回复我~
#3

慕粉4297986 提问者 回复 慕粉4018490

哦,明白了,其实这里的#div1和#div2根本没有意义,因为他们没有样式,所以对div的样式不做任何影响,就造成了我的误解,认为是#div1和#div2引用了div的样式。
2016-11-29 回复 有任何疑惑可以回复我~
#4

慕粉4018490 回复 慕粉4297986 提问者

是的。
2016-11-29 回复 有任何疑惑可以回复我~
#5

慕粉4297986 提问者

非常感谢!
2016-11-30 回复 有任何疑惑可以回复我~
查看2条回复

是的。设置div{}会应用于所有的div标签 除非出现优先级比它高的

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1225765    人
  • 解答问题       18233    个

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

进入课程

关于float设置后的块状元素

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信