CSSでのエスケープの使用法は何ですか

藏色散人
リリース: 2023-02-01 10:15:43
オリジナル
1498 人が閲覧しました

escape在css中的使用语法是“escapedStr = CSS.escape(str);”;“CSS.escape()”静态方法返回DOMString包含作为参数传递的转义字符串,主要用作CSS选择器的一部分;其使用示例如“document.querySelector('#' + CSS.escape(id) + ' > img');”。

CSSでのエスケープの使用法は何ですか

本教程操作环境:Windows10系统、CSS3版、DELL G3电脑

escape在css中用法是什么?

CSS.escape() 静态方法返回 DOMString 包含作为参数传递的转义字符串,主要用作 CSS 选择器的一部分。

语法

escapedStr = CSS.escape(str);
ログイン後にコピー

参数

str:The DOMString to be escaped.
ログイン後にコピー

实例

基本结果

CSS.escape(".foo#bar")        // "\.foo\#bar"
CSS.escape("()[]{}")          // "\(\)\[\]\{\}"
CSS.escape('--a')             // "--a"
CSS.escape(0)                 // "\30 ",  Unicode 代码点“0”是 30
CSS.escape('\0')              // "\ufffd",  Unicode 替换字符
ログイン後にコピー

在上下文使用

要转义一个字符串作为选择器使用, escape()方法可以用于:

var element = document.querySelector('#' + CSS.escape(id) + ' > img');
ログイン後にコピー

escape()方法也可以用于转义字符串,它也转义了不严格需要转义的字符:

var element = document.querySelector('a[href="#' + CSS.escape(fragment) + '"]');
ログイン後にコピー

推荐学习:《css视频教程

以上がCSSでのエスケープの使用法は何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!