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 -  (9 children)


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

When I hover over

.titlebox blockquote:first-child ul li:first-child

The problem is that the selectors don't work

[–][deleted]  (8 children)


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

    That's another story, I want to make a dropdown, but that's not the problem, my problem is that this isn't selecting the thing that I want it to select.

    [–][deleted]  (5 children)


      [–][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] 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] 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