【CSS】クラス名やid名を前方一致・後方一致・部分一致で指定する

デスクトップパソコン商用無料イラスト Web制作

前方一致

前方一致の場合は[属性セレクタ^="指定したい任意のテキスト"]のように指定します。

[class^="ochimpo"] {
  display: none;
}

[id^="ochimpo"] {
  display: none;
}

部分一致

部分一致の場合は[属性セレクタ*="指定したい任意のテキスト"]のように指定します。

[class*="ochimpo"] {
  display: none;
}

[id*="ochimpo"] {
  display: none;
}

後方一致

後方一致の場合は[属性セレクタ$="指定したい任意のテキスト"]のように指定します。

[class$="ochimpo"] {
  display: none;
}

[id$="ochimpo"] {
  display: none;
}
タイトルとURLをコピーしました