说什么
CSS选取器解析器 .
示例
import * as CSSwhat from "css-what";
CSSwhat.parse("foo[bar]:baz")
~> [
[
{ type: "tag", name: "foo" },
{
type: "attribute",
name: "bar",
action: "exists",
value: "",
ignoreCase: null
},
{ type: "pseudo", name: "baz", data: null }
]
]
API 密码
CSSwhat.parse(selector) - 解释 selector。 。 。 .
函数返回二维阵列。 第一个阵列代表以逗号分隔的选定者(例如. sub1, sub2),第二个包含该选择器的相关符号. 可能的标志类型有:
| 名称 | 属性 | 实例 | 产出 |
|---|---|---|---|
tag | name | div | { type: 'tag', name: 'div' } |
universal | - 说吧 | * | { type: 'universal' } |
pseudo | name, (中文(简体) ), data | :name(data) | { type: 'pseudo', name: 'name', data: 'data' } |
pseudo | name, (中文(简体) ), data | :name | { type: 'pseudo', name: 'name', data: null } |
pseudo-element | name | ::name | { type: 'pseudo-element', name: 'name' } |
attribute | name, (中文(简体) ), action, (中文(简体) ), value, (中文(简体) ), ignoreCase | [attr] | { type: 'attribute', name: 'attr', action: 'exists', value: '', ignoreCase: false } |
attribute | name, (中文(简体) ), action, (中文(简体) ), value, (中文(简体) ), ignoreCase | [attr=val] | { type: 'attribute', name: 'attr', action: 'equals', value: 'val', ignoreCase: false } |
attribute | name, (中文(简体) ), action, (中文(简体) ), value, (中文(简体) ), ignoreCase | [attr^=val] | { type: 'attribute', name: 'attr', action: 'start', value: 'val', ignoreCase: false } |
attribute | name, (中文(简体) ), action, (中文(简体) ), value, (中文(简体) ), ignoreCase | [attr$=val] | { type: 'attribute', name: 'attr', action: 'end', value: 'val', ignoreCase: false } |
child | - 说吧 | > | { type: 'child' } |
parent | - 说吧 | < | { type: 'parent' } |
sibling | - 说吧 | ~ | { type: 'sibling' } |
adjacent | - 说吧 | + | { type: 'adjacent' } |
descendant | - 说吧 | { type: 'descendant' } | |
column-combinator | - 说吧 | || | { type: 'column-combinator' } |
CSSwhat.stringify(selector) - 转弯 selector 回到一个字符串.
许可证: BSD-2- Clause
安全联络信息
请使用 电梯安全联络。 。 。 . Tidelift将协调固定和披露.