CSSの属性セレクタ メモ

• 1　名前： 名無し 　2021-11-16 14:50:32　ID:0YWVlMGRj

  uBlock Origin、Stylusで使える
  
  ①要素[属性名]
  
  ---指定した属性を持つ要素に適用
  
  ----例 : div[class]、a[href]
  
  ②要素[属性名="属性値"]
  
  ---指定した属性と値を持つ要素に適用
  
  ----例 : div[class="foo"]
  
  ③要素[属性名~="属性値"]
  
  ---指定した属性が半角スペース区切りで複数の値を持つ場合、その値の一つが一致する要素に適用
  
  ----例 : div[class~="foo"]
  
  ④要素[属性名^="文字"]
  
  ---指定した属性に値が特定の文字から始まる要素に適用
  
  ----例 : div[class^="foo"]
  
  ⑤要素[属性名$="文字"]
  
  ---指定した属性に値が特定の文字で終わる要素に適用
  
  ----例 : div[class$="foo"]
  
  ⑥要素[属性名*="文字"]
  
  ---指定した属性に値が指定の文字を含む要素に適用
  
  ----例 : div[class*="foo"]
  
  ⑦要素[属性名|="文字"]
  
  ----指定した属性と値を持つ または 特定の文字から始まり直後にハイフンがある要素に適用
  
  ----例 : div[class|="foo"]