title | short-title | slug | page-type | browser-compat |
---|---|---|---|---|
CSSStyleRule: selectorText property |
selectorText |
Web/API/CSSStyleRule/selectorText |
web-api-instance-property |
api.CSSStyleRule.selectorText |
{{APIRef("CSSOM") }}
The selectorText
property of the {{domxref("CSSStyleRule")}} interface gets and sets the selectors associated with the CSSStyleRule
.
A string.
The CSS includes one style rule. This will be the first {{domxref("CSSRule")}} returned by document.styleSheets[0].cssRules
. myRules[0].selectorText
therefore returns a literal string of the selector, in this case "h1"
.
h1 {
color: pink;
}
let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].selectorText); // a string containing "h1".
{{Specifications}}
{{Compat}}