如何为不同的用户组更改我的网站的 CSS 样式？答案

【问题标题】：How to change the CSS style of my website for different group of users?如何为不同的用户组更改我的网站的 CSS 样式？
【发布时间】：2021-09-29 14:43:47
【问题描述】：

我一直在试图弄清楚如何做到这一点，但我找不到与这群人联系的正确方法。

到目前为止，我得到的信息是我有每个组的 ID，但不知道如何使用它来将更改推荐给该组中的那些用户。

也可能是组长之间的连接，但是找不到这个连接。

【问题讨论】：

因此，您将拥有许多具有不同权限的用户，例如，如果您正在为学校构建网站，权限将是校长、教师、学生、其他_faculities 等。所以您的 ID 为每组人和用户登录时，您可以检查该ID并找到特定用户所属的组，对吗？因此，基于该 id，向根元素（主体）添加一个类，并基于该类，您可以切换主题（背景、颜色、字体等）。如果您使用 scss，这将非常容易。快乐编码

标签： php css wordpress learndash

【解决方案1】：

所以，根据我的评论，考虑你有许多权限，你有权限的 id，你可以根据它来区分使用的登录。

所以根据 id，你可以给根元素添加一个类名，在我的示例中，我将类 teacher 添加到 body，所以背景颜色为绿色，颜色为白色。

除此之外，您还可以尝试其他课程，例如principal, student etc，因此您可以根据需要更改主题。

body {
  background-color: red;
  color: #000;
}
body.principal {
  background-color: yellow;
}

body.teacher {
  background-color: green;
}
body.student {
  background-color: white;
  color: #fff;
}

<body class="teacher">
  <h2>Welcome User</h2>
  <section>
    Content
  </section>
</body>

【讨论】：

好的做法是将它们加载到单独的文件中并仅在目标是特定用户角色时传递它们。
同意 GhostPengy

【解决方案2】：

向您的<body> 元素添加一个类似group-idOfGroup 的类，然后为该类创建特定的CSS 规则：

.group-idOfGroup div p{
    color:red;
}

【讨论】：