---
title: "Discussion on \"8 Ways to Style the Shadow DOM\" | Hashnode"
description: "Discussion on \"8 Ways to Style the Shadow DOM\". In the past, using shadow DOM meant compromising good CSS maintenance. This is no longer true.\nFirst, a quick introduction to shadow DOM, then we'll learn the eight ways you can style it.\nBrief Shadow DOM Intro\nHTML becomes DOM. See this W3Schools in..."
url: "https://hashnode.com/posts/8-ways-to-style-the-shadow-dom/65ac40c48f2b73eb26ddf44e"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [8 Ways to Style the Shadow DOM](https://jordanbrennan.hashnode.dev/8-ways-to-style-the-shadow-dom?utm_source=hashnode&utm_medium=feed)

In the past, using shadow DOM meant compromising good CSS maintenance. This is no longer true. First, a quick introduction to shadow DOM, then we'll learn the eight ways you can style it. Brief Shadow DOM Intro HTML becomes DOM. See this W3Schools in...

Jan 20, 2024 · 7 min read · jordanbrennan.hashnode.dev  
Updated Jun 17, 2024  
Read the article

-   [#css](https://hashnode.com/tag/css)
-   [#html5](https://hashnode.com/tag/html5)
-   [#web-components](https://hashnode.com/tag/web-components)
-   [#javascript](https://hashnode.com/tag/javascript)

## Written by

[Jordan Brennan](https://hashnode.com/@jfbrennan)

@jfbrennan · Tulsa

  
[View profile](https://hashnode.com/@jfbrennan)

Frontend engineer

## Responses 2

Markdown supported · ⌘↵ to post

[Chanhee Kim](https://hashnode.com/@superlipbalm)

[Jul 25, 2024](https://hashnode.com/posts/8-ways-to-style-the-shadow-dom/65ac40c48f2b73eb26ddf44e/comment/66a275735c95a5bbdfe179c0)

For your information, Korean FE Article is an activity that picks good front-end articles every week, translates them into Korean, and shares them.

The translated article will not be used commercially, and the original source will be identified. Please think about it and reply.

[Chanhee Kim](https://hashnode.com/@superlipbalm)

[Jul 25, 2024](https://hashnode.com/posts/8-ways-to-style-the-shadow-dom/65ac40c48f2b73eb26ddf44e/comment/66a2755f52e1a2806d6e7f50)

Hi, I'm Chanhee Kim from the Korean FE articles team. I think this is a really good article and I'd like to translate this into Korean and introduce the article through the Substack post, is it okay?

[Chanhee Kim](https://hashnode.com/@superlipbalm)

[Jul 26, 2024](https://hashnode.com/posts/8-ways-to-style-the-shadow-dom/65ac40c48f2b73eb26ddf44e/comment/66a2755f52e1a2806d6e7f50#reply-66a34b7d09e5a4d4f1a73178)

Thanks! I'll let you know when it's done!

[Chanhee Kim](https://hashnode.com/@superlipbalm)

[Aug 6, 2024](https://hashnode.com/posts/8-ways-to-style-the-shadow-dom/65ac40c48f2b73eb26ddf44e/comment/66a2755f52e1a2806d6e7f50#reply-66b240b7e7321c55d037f95b)

[Jordan Brennan](https://hashnode.com/@jfbrennan)

Hi, Jordan! Translation is done!

Here is the translated post,

-   [velog.io/@superlipbalm/8-ways-to-style-the-shadow…](https://velog.io/@superlipbalm/8-ways-to-style-the-shadow-dom)

and the substack post for newsletter!

-   [kofearticle.substack.com/p/korean-fe-article-shad…](https://kofearticle.substack.com/p/korean-fe-article-shadow-dom-8)

Thank you!

[Jordan Brennan](https://hashnode.com/@jfbrennan)

[Aug 6, 2024](https://hashnode.com/posts/8-ways-to-style-the-shadow-dom/65ac40c48f2b73eb26ddf44e/comment/66a2755f52e1a2806d6e7f50#reply-66b247689e9f329d93cbe613)

Awesome! Thanks for doing that [Chanhee Kim](https://hashnode.com/@superlipbalm)