CSS：字体是粗体，但不应该是

Question

HTML：

<div id="e_ticket_info" class="e_ticket_font" runat="server" Visible="False">
    <p>
      Some text.
    </p>
</div>

CSS：

.e_ticket_font {
    font-weight: normal;
}

HTML代码位于内容页面上，位于母版页内。

问题是 - 文本以粗体显示，但不应该是。

我怎样才能摆脱它？

Answer 1

尝试

.e_ticket_font p {
    font-weight: normal;
}

因为您没有定位p代码。

Answer 2

Dipesh的回答是正确的。我只想补充一点解释。 CSS是级联样式表，意味着可以在多个位置提及任何元素/类/ id的样式，并按其包含的顺序应用。在您的情况下，其他一些样式似乎会覆盖您的样式以使其变为粗体，因为您的代码段不会使其变粗。

考虑到这一点，作为一般的最佳实践，如果您不确定它的类是否会在其他地方设置样式，请始终定位特定元素。

因此，.e_ticket_font p {...比.e_ticket_font {...更具吸引力。如果有多个段落并且您只希望其中一些段落不同，那么请再次使用类/ ID，例如

.e_ticket_font p#heading {...
.e_ticket_font p#content {...
.e_ticket_font p.specialpara {

等等。

另一种确保对该元素应用css内联的方法，但这应该不慷慨地用于许多元素，因为它会影响“结构应该独立而不是呈现”原则

Answer 3

<div runat="server" Visible="False">
    <p class="e_ticket_font">
      Some text.
    </p>
</div>

CSS：

.e_ticket_font {
    font-weight: normal !important;
}

Answer 4

或（对于每个）元素.e_ticket_font：

.e_ticket_font * {
  font-weight: normal; 
}

我建议罕见地使用！important 以防止你的DOM失控冒险

但请注意选择器详细信息..如果有任何css选择器以直接的方式描述对象...

.e_ticket_info#e_ticket_info { 
  font-weight: bold;
}

... css将选择具有特权的那个！

Answer 5

尝试内联css，因为如果你不知道在<P>的主页中是否有其他的css类指定

类似的东西：

<div runat="server" Visible="False">
    <p style="font-weight: normal;" >
      Some text.
    </p>
</div>

它肯定会起作用，然后你可以查看<P>

的其他css参考