如何使用css覆盖element.style

Question

我有一个xhtml页面，我试图覆盖element.style。 source page view when i inspect

我曾尝试使用自己的CSS，但它根本不起作用。 我已经搜索了我面临的类似问题，但没有人为我工作。

.element .style { text-align: center; background-color: green; }

任何人都知道如何应用我自己的CSS，以便我可以覆盖此style.element？

    <h:panelGrid id ="cibBulk" styleClass="interfaceDashboard" >
        <h:outputText style="text-align: center;background-color: green;" styleClass= "interfaceTransactionTitle" value="CIB BULK UPLOAD TO HOST" />
        <..../>
    </h:panelGrid>

我的屏幕页面的输出（背景颜色根本不适合）不会像我所期望的那样附加屏幕。 Output screen image

Answer 1

＆＃13;

＆＃13;

div{  
    background-color: green;
}
.element.style {
    text-align: center;
    color: #fff;
}

＆＃13;

<div>
  <span class="element style">Hello</span>
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

这是内联CSS样式，用于将唯一样式应用于单个HTML元素。它们来自设置style=""的{​​{1}}属性。

例如：

element.style.someProperty

这会将标题设置为蓝色。如果您检查，那么您将看到如下：

如果您想要更改样式，请在快照中使用<h1 style="color:blue;">Blue Heading</h1> 属性style。了解详情here。