跳到主要內容

規則選擇器屬性禁止清單

為規則中的選取器指定不允許的屬性清單。

    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; }