css - 如何使用现有 ID 添加和设置 CSS 类的样式

标签 css

我正在尝试为 Buddypress/Wordpress 网站上的组标题设置样式。组 header 有一个现有 ID: 然而,这个 id 用于 Group header 和 Profile header,我认为这很奇怪,因为我认为 ID 应该是唯一的并且类应该应用于多个对象。 我如何设置组标题的样式,而单独保留配置文件标题?

我尝试了以下方法:

  1. 我在名为“groupz”的组 div id 中添加了一个新类: div id="item-header-content"class="groupz">

  2. 在样式表中,我使用了 id 和新类来更改标题的宽度: #item-header-content.groupz { 宽度:120%;

这起初有效,但一旦我更改了组描述,页面就失去了格式,我假设是因为新类导致主题的样式表失败。

最佳答案

快捷方式:使用:nth-child

因此您可以使用#item-header-content:nth-child(1),假设您要设置样式的组标题是第一个

关于css - 如何使用现有 ID 添加和设置 CSS 类的样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19007744/

相关文章:

html - 如何为移动设备拆分/缩小表格

css - 尝试使用内联时 React 和 styled-components 的媒体查询问题

css - 嵌套在css3中

css - 将自定义样式添加到 Bootstrap 导航栏

CSS3 相当于宽度 :calc(100% - 10px)

javascript - 在另一个 div 中保持 div 纵横比

css - 如何更改 primefaces 组件的样式

Javafx:摆脱 slider margin

javascript - 页面布局设置

html - 使 HTML 文本有 2 种颜色而不换行