You want to look into the LocalConnection object

Question

Asked: May 11, 20262026-05-11T17:35:09+00:00 2026-05-11T17:35:09+00:00

I want to target an HTML element when BOTH the id and class selectors

I want to target an HTML element when BOTH the id and class selectors match.

Ie, if the fieldset has id ‘id1’ AND class ‘collapsed’, some CSS rule applies (to ensure its height is reduced to zero).

CSS 2.1 docs suggest that multiple attribute selectors may fill this task:

But the following syntax doesn’t seem to take effect (tested in Safari and FFox3):

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

Is there a way to do something like this?

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

You must login to add an answer.

Need An Account,

Editorial Team · Answer 1 · 2026-05-11T17:35:09+00:00

Editorial Team

You are doing it right, but the order of the selectors is wrong, you need to put the element first, then the class, and then the id

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

IMPORTANT EDIT:

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

Also works.