CSS Scoping

GPTKB entity

Statements (30)
Predicate Object
gptkbp:instanceOf Web development concept
gptkbp:benefit Avoids style conflicts
Enables reusable components
Improves maintainability
gptkbp:enables Style encapsulation
gptkbp:example gptkb:CSS_Modules_in_React
:host selector in Shadow DOM
<style scoped> (deprecated)
scoped styles in Vue.js
gptkbp:hasDraft gptkb:CSS_Scoping_Module_Level_1
https://www.w3.org/2000/01/rdf-schema#label CSS Scoping
gptkbp:implementedIn gptkb:CSS-in-JS
:scope pseudo-class
Scoped CSS modules
Shadow DOM style encapsulation
scoped attribute (deprecated in HTML5)
gptkbp:introducedIn 2010s
gptkbp:purpose Limit the effect of CSS rules to a specific part of the DOM
gptkbp:relatedTo gptkb:CSS
gptkb:Shadow_DOM
gptkb:Web_Components
gptkbp:standardizedBy gptkb:W3C
gptkbp:status Partially standardized
gptkbp:usedIn gptkb:Angular
gptkb:React
gptkb:Svelte
gptkb:Vue.js
Modern web frameworks
gptkbp:bfsParent gptkb:CSS_Working_Group
gptkbp:bfsLayer 4