{"id":338,"date":"2024-01-01T17:41:06","date_gmt":"2024-01-01T17:41:06","guid":{"rendered":"https:\/\/frontendmasters.com\/blog\/?p=338"},"modified":"2024-01-01T17:41:28","modified_gmt":"2024-01-01T17:41:28","slug":"still-no-css-reset","status":"publish","type":"post","link":"https:\/\/frontendmasters.com\/blog\/still-no-css-reset\/","title":{"rendered":"Still No CSS Reset"},"content":{"rendered":"\n

Happy New Year ya’ll! While we’re all thinking about taking the opportunity to do various resets on our lives, I’ll take the opportunity to mention CSS resets. <\/p>\n\n\n\n

As a CSS nerd, I love looking at people’s different takes on what a modern CSS reset could or should be, like I did recently<\/a>. But that doesn’t really mean that I advocate for their use. I actually think having a dedicated CSS file that you bundle up for the sole purpose of “resetting” isn’t necessary anymore. Instead you just… apply styles. That styling is what ends up smoothing over what little browser differences remain, and if they don’t, well, add more. That way all your styles are together for an element are all together where I’d argue they should be. <\/p>\n\n\n\n

(That’s what Jonathan Snook thinks<\/a>, too.)<\/p>\n\n\n\n\n\n\n\n

\n

Adding the styles when I need them has helped keep my files smaller and easier to inspect.<\/p>\n\n\n\n

To expand on that last point, one of my frustrations with using the browser inspector tools over the years has been seeing CSS resets add a lot of unnecessary clutter, showing struck-out property after struck-out property while I try to figure out what is being applied and from where.<\/p>\n<\/blockquote>\n","protected":false},"excerpt":{"rendered":"

Happy New Year ya’ll! While we’re all thinking about taking the opportunity to do various resets on our lives, I’ll take the opportunity to mention CSS resets. As a CSS nerd, I love looking at people’s different takes on what a modern CSS reset could or should be, like I did recently. But that doesn’t […]<\/p>\n","protected":false},"author":1,"featured_media":340,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[29],"tags":[7,54],"class_list":["post-338","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-the-beat","tag-css","tag-css-reset"],"acf":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/frontendmasters.com\/blog\/wp-content\/uploads\/2024\/01\/reset-thumb.jpg?fit=1000%2C500&ssl=1","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/posts\/338","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/comments?post=338"}],"version-history":[{"count":2,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/posts\/338\/revisions"}],"predecessor-version":[{"id":341,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/posts\/338\/revisions\/341"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/media\/340"}],"wp:attachment":[{"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/media?parent=338"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/categories?post=338"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/tags?post=338"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}