css - 选择下一个元素的属性

Question

是否可以在 CSS 选择器的属性选择器中访问属性(选定)和元素 (li-2.2)？

HTML

`<ul>
  <li>1</li>
  <li>2</li> <!-- should be blue because sub menu is selected-->
    <ul>
      <li>2.1</li>
      <li selected>2.2</li>
    </ul>
  <li>3</li>
</ul>`

CSS

`li[selected] {
  color: red;
}}`

我正在寻找一个 CSS 选择器，如果选择了 li-2.1 或 li-2.2 元素，它会更改 li-2-Element 的颜色

谢谢

Answer 1

我想你正在寻找这个:#foo + span[bar]

但请记住 bar 不是有效属性，也许您需要 data-bar