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! While you're at it, check out some resources Treehouse students have shared here.
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 trialnydia subur
1,459 Pointscascading: 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
231,198 PointsIt'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.