特定のカテゴリへのカスタム CSS の追加

開発
1

こんにちは、皆様。

特定のカテゴリにカスタム CSS を追加したいと考えています。

CSS で特定のカテゴリにアクセスしてカスタマイズするには、どうすればよいでしょうか？

image
image433×283 15.4 KB

2

こんにちは！

CSS を使って属性をターゲットにできます。あなたのケースでは、data-category-id です。

ただし、カテゴリを作成または削除すると、その属性の値が変更される可能性があります。

tr[data-category-id="3"] {
    background-color: red;
}
3

SSebastian さん、こんにちは。

返信ありがとうございます！JavaScript でこれをどのように実現できるかご存知でしょうか？スクリプト内で実装したいと考えています。再度ご返信いただきありがとうございます :slight_smile:

追伸

以下の行を追加しましたが、うまく動作しません…
document.querySelectorAll(‘tr[data-category-id=“3”]’)[0].style.display = “none”;

4

なぜ CSS ではなく JavaScript を使いたいのですか？

CSS だけで済むタスクに JavaScript を使うべきではありません。論理的ではありません。