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 - 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