cssセレクタの指定方法

Question

<li id="main" class="item" category="1"></li> <li id="main2" class="item2" category="2"></li>

の場合セレクタは#mainだったりli.itemになるかと思うのですがそれ以外のcategory="1"のようなものを指定する方法はあるのでしょうか？
li:nth-child(1)とかではなくcategoryを使って指定したいです

Answer 1

[category='1']です。
通常は要素名なども指定してli[category='1']のような形で指定します。

属性セレクター - CSS: カスケーディングスタイルシート | MDN

Comments

[Palo_Punte]

このようなやり方があったのですね
ありがとうございます！教えていただいて助かります！

Answer 2

<li id="main" class="item" category="1">

そもそもhtmlに category という属性はありません。

属性とは--------------

さまざまな方法で要素を構成したり、動作を調整したりする追加の値です。
HTML 属性リファレンス より

タグ内の属性や要素は、それぞれコンピューターやブラウザに情報を伝えるという役割を持っています。そこに意味のない文字列を入れる事はお勧めできません。

なんらかの識別をしたいなら ID か Class を使われることをお勧めします。

<li id="main" class="item category1"></li>
<li id="main2" class="item2 category2"></li> 

Answer 3

データ属性使ってみてはいかがでしょうか。

https://developer.mozilla.org/ja/docs/Learn/HTML/Howto/Use_data_attributes

ただ、属性単体で指定できるかどうかは不明です。