怎样同时定义多个元素的CSS样式?

html-css011

怎样同时定义多个元素的CSS样式?,第1张

按照样式定义:

.div1,.div2,.div3,.div4 a:hover {}

.div1,.div2,.div3,.div4 a:link {}

如果你的div 的名字是div1~4,那么应该使用

#div1,#div2,#div3,#div4

想要让多个div元素并列成一行,可以将div元素的float属性设置为left。但这样做还不够,应为当浏

览器的宽度小于这几个div的宽度总和时还是会有div会跑到底部,所以需要将想要并列的div元素套

在另外一个大div里,当然,这个大div宽度要大于并排div宽度的总和。这样子,就可以做到怎么变

换窗口大小时div都不会跑到下面了。

以下是具体演示步骤:

1、打开一个HTML文件编辑器。先在里面输入HTML的基本元素。

2、在body标签里添加一个大div来容纳并列的div。

3、在大div里添加想要并列的div元素,并在style属性里添加float:left即可

4、运行效果。