Home/ Questions/Q 8342991
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T05:55:40+00:00

I thought I had my CSS down fairly well but I cannot seem to

  • 0

I thought I had my CSS down fairly well but I cannot seem to figure out why this problem occurs. I must be doing something wrong.

So if I want to select multiple elements that are children to a div I could write:

#mydiv > input, label{

}

Am I correct? I thought this to be true until I realized that other inputs and labels in my site were inheriting these CSS properties even though they were not in the div called #mydiv. To fix the issue I had to use:

#mydiv > input, #mydiv > label {

}

But I am pretty sure that this is not the quickest way to do so. I tried checking the Selector Page on W3.org but they do not give an example for my situation.

What am I doing wrong?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Am I correct?

    No. The grouping selector (comma) has the lowest precedence, so you cannot use it to select multiple elements that are children of a div using this selector:

    #mydiv > input, label

    The most concise selector is the one that you found on your own:

    #mydiv > input, #mydiv > label

    You can DRY things up a bit using nested rules in LESS or Sass, though that does introduce a dependency in your code and/or build process.

    • 0