CSS选择器的问题:.class.class{}

图片说明

css

6个回答

这个样式是错误的,应该是少了空格或者少了逗号(逗号就是定义了2个类)

showbo
支付宝加好友偷能量挖,胡杨等着我的招呼 回复Fanbin168: 不过IE比较奇葩,backcompact模式支持那样写,增加xhtml申明变为css1compat照样无效
接近 6 年之前 回复
showbo
支付宝加好友偷能量挖,胡杨等着我的招呼 回复Fanbin168: 有空格隔开才行,没有空格你试试,没效果.<div class="d1"><div class="d2">12</div></div>
接近 6 年之前 回复
Fanbin168
无盐海 其实不是错误的。只是当元素同时满足采用 d1 d2两个class类的时候这个样式才起作用。
接近 6 年之前 回复

你自己都回答了,其实这个跟div.d1或者#d2.d1类似,只不过把tag名和id名换成了样式名

Fanbin168
无盐海 div.d1的意思是:选择id属性值为d1的这个<div>元素。#d2.d1的意思是:选择id属性值为d2,class属性值为d1的这个元素。按照你的说法:我上面贴的代码中的.d1.d2的意思就很难明理解。总以为一个元素是不能设置多个class的。其实是可以的。
接近 6 年之前 回复

看你贴出来的代码,我想说id的用#,class的用点

showbo
支付宝加好友偷能量挖,胡杨等着我的招呼 回复Fanbin168: 你用标准浏览器试试,没有空格无效。IE加了xhtml申明也无效,没加backcompat模式可以那样写
接近 6 年之前 回复
Fanbin168
无盐海 其实我仅仅是问那个.d1.d2{}的意思。后来我了解到 当<div class="d1 d2">AAAAA</div>的时候这个样式才起作用。
接近 6 年之前 回复

就是在使用了d1这个样式的标签中的了标签中再使用d2这个样式,设定的样式才会生效。
例如:

 <div class=d1><div class=d2></div></div>

你贴出来的HTML中的ID在这里是不起作用的。除非你CSS中把点改为#

如果有空格,表示的是父子关系,即第一个属性节点的包含第二个属性的子节点,比如.id1 .id2表示的是包含.id1样式的子节点中包含.id2样式的节点
如果没有空格,表示的是同一个节点,即一个元素包含第一个属性同时包含第二个属性,比如div.id1表示div同时有.id1样式的节点,.id1.id2表示的是包含.id1样式同时包含.id2样式的节点。
我做了一个演示代码来说明,你可以点击查看。
第一个是只有id1样式的
第二个是只有id2样式的
第三个是有id1 id2样式的
第四个是有id2 id1样式的
第五个是有id1样式的子节点有id2样式的
从演示代码可以看到,第三第四个的结果是一样的,说明.id1.id2中两个样式的顺序没有关系。也就是class="id1 id2"和class="id2 id1"对于.id1.id2来说效果是一样的。
不知道这样说明能不能解释清楚你的疑问。

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐