Relative selectors example shows invalid code

[eyaler]

MDN URL

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_selectors/Selector_structure

What specific section or headline is this issue about?

standalone relative selectors

What information was incorrect, unhelpful, or incomplete?

+ div#topic > #reference {
}

> .icon {
}

What did you expect to see?

An explanation

Do you have any supporting links, references, or citations?

i could not find any explanation. this blog seems to claim that the syntax means an implied :has
https://juejin.cn/post/7278512641781973027, however afaict the grammar requires a selector as the first element

Do you have anything more you want to share?

No response

MDN metadata

Page report details

• Folder: en-us/web/css/css_selectors/selector_structure
• MDN URL: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_selectors/Selector_structure
• GitHub URL: https://github.com/mdn/content/blob/main/files/en-us/web/css/css_selectors/selector_structure/index.md
• Last commit: 7fa9b13
• Document last modified: 2024-01-22T12:25:49.000Z

[Josh-Cena]

The problem here is that relative selectors cannot be used for a rule. They are only permitted in certain contexts; see https://www.w3.org/TR/selectors-4/#relative. I think :has() is the only one.