The th rule is applied to all th elements since there is no more specific rule for any of them.
That’s true. But then the th rule is applied to the th elements.
No. The selector says: Apply this rule to tr elements that are odd childs of their parents. The tr with the headings is an odd child of the thead element while the first data row is an odd child of the tbody element.
but isn’t the tr for the header the only row there so that makes it odd? shouldn’t that be targeted too? I feel like I’m missing something here and its bothering me that I got the exercise right but I dont understand exactly why… even with the reasoning here. (to me with these explanations it just seems to reinforce the opposite that the header would be the lighter color instead of the darker blue one because the th is just a type selector versus that more weighty nthchild pseudo-selector.
trs? ths? sorry what do those stand for? I’m assuming table row selectors and table head selectors.
So what you’re saying that even though rule is applying the code of the color #eef7ff to the tr, the other rule applying to the th cell within that same tr element some how still shows the #427fef on top of that #eef7ff ? (so in the render its like the parent elements rule just doesnt exist.)
So basically would that mean that children of a cell will show over their parent cell? (yeah I’ve gone into inspect the elements and noticed that too) (is this specific to tables only then? because it seems like you need to have a tr element plus a td or th element as a child to be able to display the column atleast…)
I’m just trying to make sense of it all its a lot to take in for a newbie like me, hopefully I’m not too annoying with these questions.