Question

我可以覆盖我的<p>样式，让我的类mainbookingleftadditional字体样式工作吗？

代码：

<div class="mainbookingleftadditional"><p>Please inform us of anything you... </p></div>

的CSS：

p  {font-size:14px;}

.mainbookingleftadditional {
    float: left;
    width: 228px;
    height: auto;
    padding: 0px 20px 0px 0px;
    font: 8px "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
    color: #FFFFFF;
    text-align: left;
    vertical-align: top;
    clear:both;
}

此致茶

Answer 1

如果您只想更改p内每mainbookingleftadditional个内的属性，可以使用以下内容：

.mainbookingleftadditional p  {font-size:8px;}

这会覆盖常规的p定义，因为它有更高的specificity（更具体）

特殊性决定了元素将使用哪些css定义，以防某些元素有多个定义。

修改

看到其他答案我必须补充说，对于这种情况使用！important是个坏主意。

！important是一个非常强大的案例，只应在所有其他选项都耗尽时使用。

Answer 2

您使用inherit作为字体属性，以确保它使用mainbookingleftadditional类中定义的字体样式。

p {
   font: inherit;
}

Answer 3

您需要做的是删除p {font-size:14px;}，因为子节点中指定的样式优先于父样式，或者将mainbookingleftadditional类添加到p。

 <div class="mainbookingleftadditional"><p class="mainbookingleftadditional">Please inform us of anything you... </p></div>

见this JsFiddle

Answer 4

是的，你只需要在风格的末尾添加！important。

p  {font-size:14px !important;}

Answer 5

.mainbookingleftadditional p {
    font:inherit;
    }

另外，如果你想删除段落顶部的边距：

.mainbookingleftadditional p:first-child {
    margin-top:0;
    padding-top:0;
    }

我可以覆盖样式吗？

5 个答案: