我可以使用样式属性定义(覆盖)类吗?

Question

我正在一个内容管理系统中工作，该系统允许我有限（不）访问样式表，但确实允许我将CSS插入某些模板。 所以我有这个：

<div class="inside_widget"> 
  <div class="input"><span class="form_label">Form stuff</span></div>
  <div class="input"><span class="form_label">Form stuff</span></div>
  <div class="input"><span class="form_label">Form stuff</span></div>
  etc... 
</div> 

其中inside_widget、输入和form_label都在我无法触摸的工作表中定义。 我想在"form_label"上放置一些自定义 CSS，而不必触及每个跨度。

我尝试在包含的div 中使用 style 属性，但这不起作用。

<div class="inside_widget" style=".form_label {color:#FFFFFF;}" >

注意：我想保留inside_widget样式中的其他所有内容，而不必定义一个全新的类。

Answer 1

我认为 OP 试图实现的是不必为他形式的每个<span>重复 style="" 属性。

这可以通过简单地将您自己的类名添加到封闭div 的类来完成：

<div class="inside_widget myclass" ...>
    <!-- ... -->
</div>

然后制作自己的辅助样式表并定义myclass：

.myclass span
{
    color: #ffffff;
}

您可以将此辅助 CSS 放在 HTML 本身的 <style> 标记中，也可以放在其链接的自己的 CSS 文件中。

Answer 2

你可以在下面这样做。

<span class="form_label" style="color:#FFFFFF;">Form Stuff</span>

像这样的内联样式将覆盖样式表中的任何 css 规则，除非在样式表中它们有带有 ！important

Answer 3

你不懂CSS，对吗？看起来像

<div class="inside_widget" style="color:#FFFFFF;" >

但我建议您创建一个新的 css 文件并在同一中添加您想要的任何内容