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
Kurt Archer
5,139 Pointswhy doesnt media query {!important} overwrite !important
Hi all,
I thought that the top !important overwrites the second occurrence of !important. When I try to apply it in media queries it is not loading.
ie.
div.p_table_1 h1 span {
background: none repeat scroll 0 0 transparent !important;
font-family: 'Yanone Kaffeesatz',arial,sans-serif !important;
font-size: 59px !important;
font-weight: normal !important;
padding: 0 !important;
text-shadow: none !important;
}
@media all and (max-width: 480px) {
div.p_table_1 h1 span {
font-size: 40px !important;
}
}
Am trying to make this CSS3 pricing table responsive but the author used !important for all their markdown: http://epicyyc.ca/epsite/?page_id=145
4 Answers
James Barnett
39,199 PointsHere's a better CSS3 pricing table, it uses semantic HTML & good CSS practices.
James Barnett
39,199 Points
Kurt Archer
5,139 Pointshahaha. that comic is how I feel!!
I like this CSS pricing table. Thanks for the tip James!!
James Barnett
39,199 Points@Kurt - You're quite welcome