CSS选择器,选择具有两个类的元素

微信扫一扫,分享到朋友圈

CSS选择器,选择具有两个类的元素
0

CSS选择器,选择具有两个类的元素(只选择这个元素)

可以通过直接正常类选择器的方式,连续写元素中的两个类既可以。如下:

.class1.class2 {
    /* Styles  */
}

注意:中间没有空格的哦!!!

案例代码:

<!---HTML代码-->
<div class="foo">Hello Foo</div>
<div class="foo bar">Hello World</div>
<div class="bar">Hello Bar</div>
<!---CSS样式-->
.foo.bar {
    /* Styles for element(s) with foo AND bar classes */
}

注意:在IE6这样的古老的浏览器中,它不会正确读取链接的类选择器:无论您列出其他类,它只会读取最后一个类选择器(在本例中)。

不过现在都没啥人用ie6了吧,忽略就好了。

微信扫一扫,分享到朋友圈

CSS选择器,选择具有两个类的元素
0
上一篇

智能算法在站点质量评级体系中的应用

下一篇

A标签属性rel="sponsored"介绍

你也可能喜欢

发表评论

您的电子邮件地址不会被公开。 必填项已用 * 标注

提示:点击验证后方可评论!

插入图片
微信 微信
微信
返回顶部