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 trial
Matthew Barrus
16,731 Pointsan element can have more than one display type?
In the video at 2:47 he adds a table-cell display type to the classes that already have display: inline-block (main-logo and main-nav). I had to delete the inline-block display type before the table-cell would work but in the video he does not.
2 Answers
Benjamin Larson
34,055 PointsHi Matthew,
You can't have two display types simultaneously acting on an element. The inline-block display is being overwritten in the CSS below it to completely change the display mode to table-cell. This is part of the cascading nature of CSS, that any code below that applies a style to the same selection will overwrite the previous definition. I ran the code that Guil used in the video and it had the same effect whether or not I kept or deleted the inline-display for the .main-logo and .main-nav.
Steven Parker
231,275 PointsAn element can have only one effective setting for each CSS property.
Remember in CSS only the latest defiinition of the same specificity is effective.
Are you adding the CSS selectors in the same order as shown in the video?
Matthew Barrus
16,731 PointsThank you!! Yes, I had forgotten this rule and my code was not in the correct order!
Matthew Barrus
16,731 PointsMatthew Barrus
16,731 PointsThank you very much! I had forgotten about that and my code was not in the right order!