WordPress课程广告

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

释放双眼,带上耳机,听听看~!

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了吧,忽略就好了。

给TA打赏
共{{data.count}}人
人已打赏
WordPress与SEOWordPress技巧

WordPress优化:去除头部多余加载项

2021-10-8 9:04:24

前端笔记

CSS:margin: auto和margin: 0 auto的区别

2022-7-21 22:00:33

WordPress网站建设宣传图片
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索