Question

I'm currently doing this using Javascript, however, I was wondering if it's possible to select a certain child of an unordered-list and then its immediate sibling, using CSS.

Example with 4 list-items:

ul.tab li:hover + (the next sibling that follows the current hovered one) {

}
Was it helpful?

Solution

You want the adjacent sibling selector for which you amusingly basically have the syntax already.

Be advised: :hover is specifically a x-browser problem in Safari though.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top