1

我可以覆盖我的<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;
}

问候，茶

4

5 回答 5

2

如果您只想更改 every pinside each的属性mainbookingleftadditional，可以使用以下命令：

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

这将覆盖常规p定义，因为它具有更高的特异性（更具体）

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

编辑：

看到其他答案，我必须补充一点，在这种情况下使用 !important 是个坏主意。

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

于 2012-11-06T15:58:58.543 回答
1

你使用inherit你的字体属性来确保它使用你的mainbookingleftadditional类中定义的字体样式。

p {
   font: inherit;
}
于 2012-11-06T15:56:32.810 回答
0

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

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

看到这个JsFiddle

于 2012-11-06T16:03:57.327 回答
-1

是的，您只需要在样式末尾添加 !important 即可。

p  {font-size:14px !important;}
于 2012-11-06T15:55:46.573 回答
-1 
.mainbookingleftadditional p {
    font:inherit;
    }

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

.mainbookingleftadditional p:first-child {
    margin-top:0;
    padding-top:0;
    }
于 2012-11-06T15:58:24.207 回答