規則選擇器屬性禁止清單
為規則中的選取器指定不允許的屬性清單。
a { color: red; }
/** ↑ ↑
* Selector and property name */
message
次要選項 可以接受此規則的參數。
選項
物件
:{ "selector": ["陣列", "of", "properties", "/regex/", /regex/]|"property"|"/regex/"|/regex/
如果選取器名稱以 "/"
圍繞(例如 "/anchor/"
),則會將其解釋為正規表示式。這允許輕鬆鎖定所有潛在錨點:/anchor/
將匹配 .anchor
、[data-anchor]
等。
屬性也是如此。請記住,正規表示式值會與整個屬性名稱相符,而不是特定部分。例如,類似 "animation-duration"
的值將不會與 "/^duration/"
相符(請注意行開頭的邊界),但會與 "/duration/"
相符。
已提供
{
"a": ["color", "/margin/"],
"/foo/": "/size/"
}
以下模式被視為問題
a { color: red; }
a { margin-top: 0px; }
html[data-foo] { font-size: 1px; }
以下模式不會被視為問題
a { background: red; }
a { padding-top: 0px; }
html[data-foo] { color: red; }