Baseline Widely available
The CSS.escape()
static method returns a string containing the escaped string passed as parameter, mostly for use as part of a CSS selector.
str
The string to be escaped.
The escaped string.
Examples Basic resultsCSS.escape(".foo#bar"); // "\\.foo\\#bar"
CSS.escape("()[]{}"); // "\\(\\)\\[\\]\\{\\}"
CSS.escape('--a'); // "--a"
CSS.escape(0); // "\\30 ", the Unicode code point of '0' is 30
CSS.escape('\0'); // "\ufffd", the Unicode REPLACEMENT CHARACTER
In context uses
To escape a string for use as part of a selector, the escape()
method can be used:
const element = document.querySelector(`#${CSS.escape(id)} > img`);
The escape()
method can also be used for escaping strings, although it escapes characters that don't strictly need to be escaped:
const element = document.querySelector(`a[href="#${CSS.escape(fragment)}"]`);
Specifications Browser compatibility See also
CSS
interface where this static method resides.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.4