you are viewing a single comment's thread.

view the rest of the comments →

[–][deleted] 2 insightful - 2 fun2 insightful - 1 fun3 insightful - 2 fun -  (4 children)

There's a markdown list in the sidebar in a blockquote to be exact, I want to select all the list items other than the first when I hover on the first item

[–][deleted]  (3 children)

[deleted]

    [–][deleted] 2 insightful - 2 fun2 insightful - 1 fun3 insightful - 2 fun -  (2 children)

    That's not what I want though. I want to select all the list items in a particular blockquote other than the first item when I hover over the first item. My question is about why the selector I made up is not working.

    [–][deleted]  (1 child)

    [deleted]

      [–][deleted] 1 insightful - 1 fun1 insightful - 0 fun2 insightful - 1 fun -  (0 children)

      I do want to select the first child to detect if its hovered over or not.
      In theory, it should work like this

      .titlebox blockquote:first-child
      

      Selects the first blockquote in titlebox class

      ul li:first-child:hover
      

      Selects the first li in ul in the first blockquote and detects when it enters a hover state,

      .titlebox blockquote:first-child ul li:not(first-child)
      

      Selects everything in the ul in the first blockquote that is not the first child