# 为特定类别添加自定义 CSS

**URL:** https://meta.discourse.org/t/adding-custom-css-on-particular-categories/140954
**Category:** Development
**Tags:** css
**Created:** [2020年二月7日 04:55 UTC](https://meta.discourse.org/t/adding-custom-css-on-particular-categories/140954 "2020-02-07T04:55:29Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![williamyun](https://avatars.discourse-cdn.com/v4/letter/w/8e8cbc/32.png) [@williamyun](https://meta.discourse.org/u/williamyun)
#### Post date: [2020年二月7日 04:55 UTC](https://meta.discourse.org/t/adding-custom-css-on-particular-categories/140954/1 "2020-02-07T04:55:30Z")

</div>

大家好，

我想为特定类别添加自定义 CSS。

如何在 CSS 中访问特定类别并进行自定义？

 ![image](https://global.discourse-cdn.com/meta/original/3X/6/e/6ef21d0ef2c7309e034132096b8ed8b87cd1b5a5.png)

---

<div class="post-metadata">

### Author: ![SSebastian](https://avatars.discourse-cdn.com/v4/letter/s/ce73a5/32.png) [@SSebastian](https://meta.discourse.org/u/SSebastian)
#### Post date: [2020年二月7日 06:45 UTC](https://meta.discourse.org/t/adding-custom-css-on-particular-categories/140954/2 "2020-02-07T06:45:22Z")

</div>

你好！

你可以使用 CSS 来定位属性，在你的情况下是： **data-category-id** 。

但我认为，在你创建或删除某个类别后，该属性可能会发生变化。

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

```

---

<div class="post-metadata">

### Author: ![williamyun](https://avatars.discourse-cdn.com/v4/letter/w/8e8cbc/32.png) [@williamyun](https://meta.discourse.org/u/williamyun)
#### Post date: [2020年二月7日 13:00 UTC](https://meta.discourse.org/t/adding-custom-css-on-particular-categories/140954/3 "2020-02-07T13:00:06Z")

</div>

> [@SSebastian](#):
>
> target 属性

你好 SSebastian，

谢谢你的回复！请问你知道如何在 JavaScript 中实现吗？我想在脚本中实现这个功能！再次感谢你的回复 🙂

附注：

我添加了下面这一行，但似乎不起作用…  
document.querySelectorAll(‘tr[data-category-id=“3”]’)[0].style.display = “none”;

---

<div class="post-metadata">

### Author: ![SSebastian](https://avatars.discourse-cdn.com/v4/letter/s/ce73a5/32.png) [@SSebastian](https://meta.discourse.org/u/SSebastian)
#### Post date: [2020年二月7日 13:52 UTC](https://meta.discourse.org/t/adding-custom-css-on-particular-categories/140954/4 "2020-02-07T13:52:13Z")

</div>

为什么你想用 JavaScript 而不是 CSS？

如果你的任务仅用 CSS 就能完成，就不要使用 JavaScript。这不合逻辑。

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [2024年一月3日 00:29 UTC](https://meta.discourse.org/t/adding-custom-css-on-particular-categories/140954/5 "2024-01-03T00:29:29Z")

</div>