多个CSS选择器

Question

我想在id和类选择器匹配时定位HTML元素.

即,如果fieldset具有id'id1'并且类'折叠',则应用一些CSS规则(以确保其高度减小到零).

CSS 2.1文档建议多个属性选择器可以填充此任务:

http://www.w3.org/TR/CSS2/selector.html#matching-attrs

但是以下语法似乎没有生效(在Safari和FFox3中测试):

div[id=id1][class=collapsed] { display: none ; }

有没有办法做这样的事情？

div#id1.collapsed { /* rules */ }

Answer 1

你正在做对,但选择器的顺序是错误的,你需要先放置元素,然后是类,然后是id

div.myclass#myid { /*rules*/ }

重要编辑:

div#myid.myclass { /*rules*/ }

也有效.