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>

where_widget，input和form_label都在一张表中定义，我无法触及。我想在“form_label”上放置一些自定义CSS，而不必触及每一个跨度。

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

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

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

Answer 1

你可以在下面这样做。

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

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

Answer 2

我认为OP正在尝试实现的目的是不必为其表单中的每个style=""重复<span>属性。

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

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

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

.myclass span
{
    color: #ffffff;
}

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

Answer 3

你不知道css对吗？看起来像

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

但我建议你创建一个新的css文件，并在同一个

中添加你想要的任何内容

我可以使用style属性定义（覆盖）一个类吗？

3 个答案: