---
title: "Discussion on \"Web Component Styles Are (mostly) Encapsulated Without Shadow DOM\" | Hashnode"
description: "Discussion on \"Web Component Styles Are (mostly) Encapsulated Without Shadow DOM\". Shadow DOM is often thought of as the one and only way to create scoped styles for a Web Component. It's not.\nPrefixed Tags Scope Styles\nWeb Components, i.e. Custom Elements, require a prefixed tag.\nFor example, a \"foo\" Custom Element would be define..."
url: "https://hashnode.com/posts/web-component-styles-are-mostly-encapsulated-without-shadow-dom/6614518fbaade3912d718ab6"
---

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

Discussion

# [Web Component Styles Are (mostly) Encapsulated Without Shadow DOM](https://jordanbrennan.hashnode.dev/web-component-styles-are-mostly-encapsulated-without-shadow-dom?utm_source=hashnode&utm_medium=feed)

Shadow DOM is often thought of as the one and only way to create scoped styles for a Web Component. It's not. Prefixed Tags Scope Styles Web Components, i.e. Custom Elements, require a prefixed tag. For example, a "foo" Custom Element would be define...

Apr 8, 2024 · 2 min read · jordanbrennan.hashnode.dev  
Updated Apr 20, 2024  
Read the article

-   [#css](https://hashnode.com/tag/css)
-   [#web-development](https://hashnode.com/tag/web-development)
-   [#design-systems](https://hashnode.com/tag/design-systems)
-   [#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

Markdown supported · ⌘↵ to post

No responses yet.