要素名 [属性^="属性値"]{～}

要素名に続けて[ 属性^="属性値"]を記述してセレクタとすると、指定した属性と、指定した文字列で始まる属性値を持つ要素を対象にスタイルを適用します。

セレクタの使用例

以下の例では、「https」で始まる属性値のhref属性を持つa要素にスタイルを適用し、リンクの背景色を黄色で表示しています。

CSS

a[href^="https"]{
  background: yellow;
}