选择下一个元素的属性

Question

是否可以在CSS selektor的属性选择器中访问属性（选中）元素（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;
}}`

如果选择了li-2.1或li-2.2元素，我正在寻找一种改变li-2-Element颜色的CSS selektor

谢谢

Answer 1

我认为你正在寻找这个：#foo + span[bar]

但请注意bar不是有效属性，也许您想要data-bar