关于CSS类选择器的问题


开发工具与关键技术:DW CSS

作者:吴观成

撰写时间:2019年1月24日

在刚学CSS样式的时候常会搞混类的选择,有时少打一个空格就获取不到元素,举个小例子:
关于CSS类选择器的问题
像这样的,我们有时会在几个div用上相同的类名,但有时需要另外设置一些样式,这时就要注意元素的获取了,先设置大盒子(class=“div1 div2”)的样式
关于CSS类选择器的问题
这三种写法都是写大盒子的样式的,这里用第三个举例,我们在写CSS的时候要注意权重问题,可能前面的样式会影响到你当前盒子的样式,像大盒子的这种在同一个div有两个或两个类名以上的,所以在获取的时候要把全部类名都写上,连着写,中间是没分隔的。

再写小盒子(class=“div2”)的样式:
关于CSS类选择器的问题
这四种写法也都是写小盒子的样式的,拿第一个举例,小盒子的获取写法是先写它父级的类名(也就是“div1”或者“div2”),再打一个空格,然后加上小盒子的类名。

网页效果:

关于CSS类选择器的问题