Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community!

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML How to Make a Website Styling Web Pages and Navigation Style the Image Captions

nydia subur
nydia subur
1,459 Points

cascading: why can't i style/change the paragraph using #gallery li{} ?

i tried #gallery li {text-align:center} but nothing happens. I'm just wondering, since the paragraph is inside the #gallery 's list, why can't it change? why should i be more specific for it to change ?

1 Answer

Steven Parker
Steven Parker
228,131 Points

It's good practice to target the elements you wish to change.

Relying on inheritance to style one element by applying the style to a parent element is not a good idea, unless you are specifically trying to style the entire tree of elements from that parent on down.

But that said, since the text-align property is inherited, in this case adding your rule should center the titles under the images. I tried it myself and it did exactly that.

My first thought would be where did you add this rule (I placed it in main.css)? Might it have been placed in a media query that was not for your current screen size?

If that's not the problem, perhaps you would make a snapshot of your workspace and provide the link here to allow further analysis.