Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_scoping below:

CSS scoping - CSS | MDN

• :host
• :host()
• :host-context()
• ::slotted

Web components

An introduction to the different technologies used to create reusable web components — custom elements whose functionality is encapsulated away from the rest of your code.

Using shadow DOM

Shadow DOM fundamentals, including attaching a shadow DOM to an element, adding to the shadow DOM tree, and styling.

Using templates and slots

Defining reusable HTML structure using <template> and <slot> elements, and using that structure inside web components.

Using custom elements

Introduction to the Custom Elements API, the JavaScript API used to create custom elements that encapsulate functionality.

• CSS :defined pseudo-class

• CSS ::part pseudo-element

• HTML <template> element

• HTML <slot> element

• HTML slot attribute

• Shadow tree glossary term

• DOM glossary term

• Compound selector term

• Selector list term

• Web components interfaces, properties, and methods

  • CustomElementRegistry interface
  • Element API
    • Element.slot property
    • Element.assignedSlot property
    • Element.attachShadow() method
  • HTMLSlotElement interface
  • HTMLTemplateElement interface
  • ShadowRoot interface

Note: Despite the name, the :scope pseudo-class, which represents elements that are a reference point (or scope) for selectors to match against, is defined in the Selectors module. It is otherwise unrelated to the CSS scoping module, which is focused on scoping as it pertains to the Shadow DOM scoping mechanism.

• CSS selectors module
• CSS pseudo elements module
• CSS namespaces module
• CSS shadow-parts module
• Template, slot, and shadow on web.dev (2023)
• Custom element best practices on web.dev (2019)

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.5