How can I select an element with multiple classes in CSS?
针对以下标记的正确CSS选择器是什么:
1
| <nav class="twelve-col col main-menu"> |
正确的选择是:
1 2
| .twelve-col col main-menu {
} |
号
不可以。您应该使用.组合各个类名:
1
| .twelve-col.col.main-menu |
- 啊,我明白了。现在,如果在CSS中显示
- 如果它说什么?我是说,你什么意思?两个都一样不?
- 抱歉,刷新页面-我正在编辑-抱歉
- 好吧,那就不可能了。导航。十二列。列。主菜单。{
- @billwentworth它不是.nav.,但它只是nav.,用于标签选择器。.用于类,#用于ID。
- @Billwentworth在您的情况下,您也可以使用nav.twelve-col.col.main-menu。
- 哦,好的。所以
- .container或header.container。
- 但是如果在我的站点中有另一个容器类,我也会用just.container but header.container专门针对它,对吗?我会给你留下积极的反馈:)
- @billwentworth是header.container—一个header标签,带有container类,它只是一个?好的,现在只需点击我答案旁边的勾选按钮。:)。
最有效的选择器是nav.twelve-col.col.main-menu,您也可以使用nav.main-menu,这是有意义的。
不,您的选择器试图找到main-menu在col内,twelve-col内。但是您正在寻找元素,它同时具有twelve-col col main-menu类,所以使用.twelve-col.col.main-menu。
但是,尝试BEM方法论,其中只使用一个类使所有选择器具有相同的特异性(http://getbem.com)