# Default styles for h1 elements are changing

DevFeed: [Default styles for h1 elements are changing](<https://devfeed.tech/articles/default-styles-for-h1-elements-are-changing-4059.md>)

Original publisher: [Read original article](<https://developer.mozilla.org/en-US/blog/h1-element-styles/>)

Author: simon-pieters

Published: 2025-04-11T00:00:00Z

Content type: article

Language: en

Sources: [MDN Blog](<https://devfeed.tech/sources/mdn-blog.md>)

Topics: [modern web development](<https://devfeed.tech/topics/modern-web-development.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>), [User interface design](<https://devfeed.tech/topics/ui-design.md>)

Tags: [accessibility](<https://devfeed.tech/tags/accessibility.md>), [browsers](<https://devfeed.tech/tags/browsers.md>), [firefox](<https://devfeed.tech/tags/firefox.md>), [html](<https://devfeed.tech/tags/html.md>), [tools](<https://devfeed.tech/tags/tools.md>)

## AI overview

Browser default styles for nested h1 headings are changing as obsolete HTML outline-related UA stylesheet rules are removed. The article explains the impact on pages, Lighthouse warnings, and how to use explicit styling and better heading structure.

## Source excerpt

Browsers are starting to roll out changes in default UA styles for nested section headings. This post describes the incoming changes, how to identify if it's an issue on your websites, and hints for conformant and better-structured pages.