Saidit CSS

submitted by [deleted] from (self.help)

sorted by:
top
newinsightfulfun
you are viewing a single comment's thread.

view the rest of the comments →

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

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