如何覆盖作为复合组件一部分的标签的CSS？

我是CSS新手，有一个问题我似乎找不到任何答案。我有一个复合组件，基本上是一个Primefaces复选框，这是一个复合组件，对于这个元素，我想增加标签的宽度

我尝试将styleClass=“myStyle”添加到我的复选框中，然后在CSS中：

.fullPanel.test label{
   width:25%;  
}

这是我的复选框：

<gcc:checkBox id="angabenKorrekt" label="#{messages['checkBoxLabel']}"
            value="#{bean.checkBox}" />

因此，检查生成的页面时，会看到：

---

基本上，我希望能够更改一些UI元素的默认CSS。现在，样式来自：.fullPanel.inputBox标签，如打印屏幕所示。

这应该根据您的html检查器工作，使用

！重要信息

仅当没有其他方法时

.fullPanel .inputBox label{
   width:25%;  
}

---

这应该按照您的html检查器工作，使用

！重要信息

仅当没有其他方法时

.fullPanel .inputBox label{
   width:25%;  
}

---

这样我将更改所有复选框的宽度，对吗？我只想更改选定的类。这将更改具有父级fullPanel的.inputbox下的所有标签-如果仍要进行限制，请向fullPanel再添加一个类并将其用作选择器，以便只影响特定的。这样，我将更改所有复选框的宽度，对吗？我只想更改所选的标签。这将更改具有父级fullPanel的.inputbox下的所有标签-仍然如果要进行限制，请向fullPanel再添加一个类并将其用作选择器，这样只会影响特定的。在您添加的关于HTML检查器的图像中，类为“fullPanel”的div没有类“test”，因此此CSS规则不适用于那里。在您添加的关于HTML检查器的图像中，类为“fullPanel”的div没有类“test”，因此此CSS规则不适用于那里。