Home/ Questions/Q 6128681
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T16:39:16+00:00

I’m using the adjacent sibling combinator (+) in my css. It appears to only

  • 0

I’m using the adjacent sibling combinator (+) in my css. It appears to only work in Firefox but not Internet Explorer.
Below is the offending code snippet.

    .mycheckbox:checked + label {
      // Do something to the label when the checkbox is checked
    }
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    In response to your edit:

    :checked is not supported in IE8. It works in IE9.

    http://reference.sitepoint.com/css/pseudoclass-checked

    Old answer:

    The only likely reason is that your page is in Quirks Mode.

    Add a valid doctype as the very first line to trigger Standards Mode, in which the adjacent sibling combinator will work.

    <!DOCTYPE html>
    • 0