Active Deep Dives CSS Foundations - Selectors - Code Challenge More Selectors

I have watched the video several times and do not get this. My notes reads: -a child selector that selects an element that is a direct child of another element div >a { -an adjacent sibling selector that selects an element that is the next sibling in the document with the parent element h2 + p {

• general sibling selectors selects an element sibling but doesn't necessarily be a direct sibling ul~p {
• attribute selectors ie class [class] {

I just can't see this answer from the video discussion.

@Joan - It was just a typo, you forgot the dash.

It's font-weight not font weight.

@Christer - I think you got confused.

The > combinator is for the direct child. The space is the combinator for all children and is referred to as the descendant selector.

I like treehouse and have found these videos useful, but I have a serious issue with this deep dive.

I really wish the place holder text wasn't latin. Makes it very difficult to scan the text for elements. They all look the same and are hard to locate. Makes the lessons much more frustrating. \

I much prefer the way the "smells like bakin'" set of videos did this with simple, english text.

Can anyone tell me what it is I'm doing wrong here?

Use the Adjacent Sibling Combinator to select the <p> elements that immediately follow the h2. Set their background to lightblue.

h2 + p {
  bg-color: light-blue;
}

the response: Bummer! The Adjacent Combinator is +, try double checking your css selectors.

Brian Goldstein -

Hint: bg-color is not a CSS property.

sorry - I tried both "background-color" and "bg-color" multiple times for that code challenge.

Brian Goldstein - CSS color keywords don't have dashes or spaces in them.

James Barnett

just went back to it to try again. my entry:

h2 + p { background-color: light-blue; }

the response: Bummer! The Adjacent Combinator is +, try double checking your css selectors.

Seriously can't tell what the problem is here.

Brian Goldstein -

Try reading the instructions closely:

Use the Adjacent Sibling Combinator to select the elements that immediately follow the h2. Set their background to lightblue.

roger, wilco. thanks!

and that worked!

I'm stuck on the first question of this quiz too... I typed:

div > p { color: green; font-weight: bold; }

I get the response: Bummer! The child selector is >, try double checking your css selectors.

When I click refresh, I see that the code changes ALL the paragraphs in the div to green and bold instead of just the first paragraph. What am I missing?

I just realized I should be using the anchor element and not the paragraph.

and that worked! Thx

What's wrong here?

.div > a {
color: green;
  font-weight: bold;
}

I believe the > selects ALL child elements. not just the direct child. so try changin your selector! Re-watch the video, they do emphasize it a little.