CSS 指定の属性の値で始まるサンプル

環境
Google Chrome 111.0.5563.111(Official Build) (64 ビット)
Windows 10 Home 64bit

書式
要素名[属性名^="値"]
指定の属性の値で始まる要素にCSSを適用します。

使用例

<!DOCTYPE html>
<html>
<head>
<style>
input[name^="ark"]{
     color:red;
}
</style>
</head>
<body>

      <input type="text" name="stu123" value="tokyo" maxlength="5">
    <p>
      <input type="text" name="ark123" value="oosaka" maxlength="5"> </p>
</body>
</html>

結果
name属性「ark123」の指定の値「oosaka」で始まっているので文字色が赤になっています。

CSS

Posted by arkgame