:scope pseudo-class represents any element that is a 'scope element.' This is a (potentially empty) set of elements that provide a reference point for selectors to match against, such as that specified by the
querySelector() call in DOM, or the parent element of a scoped
<style> element in HTML5.
In HTML5, the
<style scoped>] attribute is a boolean attribute. When present, it specifies that the styles are only applied to this element's parent element and that element's child elements.
Browser Support (tested using latest versions)
/* Declarations */
/* In this example, the second div will have a red background, but the first div will not. Additionally, all paragraphs that are children of the second div will have blue text. */
<p>This paragraph is outside the scope.</p>
<p>This paragraph is inside the scope.</p>
Information is based on Selectors Level 4 - W3C Working Draft (last updated on May 2, 2013)
Copyright © 2013 W3C® (MIT, ERCIM, Keio, Beihang), All Rights Reserved. W3C liability, trademark and document use rules apply.