Question

我真的对此感到困惑。我有三种不同的字体（p，问题，答案），每当我使用p字体时，它完美地工作，因为我可以调整一切，它会工作。但是当我使用问题或答案字体时，我可以调整几乎所有内容（例如背景颜色）并且它可以工作，但是当我调整填充或边距时，它不适用于这两种字体，但它适用于p字体！

我在同一个div中有p，问题和答案字体 - 当我调整p margin / padding时，它可以正常工作，但它没有问题或答案字体。

我希望我能够很好地解释这一点。有想法该怎么解决这个吗？感谢

CSS：

p{
font-family:arial,verdana,helvetica,sans-serif;
font-size:15px;
color:#333333;
text-decoration:none;
padding:0;
margin:0 0 10px 0;}

question{
font-family:arial,verdana,helvetica,sans-serif;
font-size:15px;
color:#333333;
text-decoration:none;
padding:50px;
margin:50px;
background:#30F;}

answer{
font-family:arial,verdana,helvetica,sans-serif;
font-size:15px;
color:#333333;
text-decoration:none;
padding:50px;
margin:50px;
background:#F00;}

Answer 1

那是因为您的问题和答案不是html元素（有关元素列表的示例，请参阅https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/HTML5_element_list）。

您需要将您的问题和答案作为课程

p{
font-family:arial,verdana,helvetica,sans-serif;
font-size:15px;
color:#333333;
text-decoration:none;
padding:0;
margin:0 0 10px 0;}

p.question{
font-family:arial,verdana,helvetica,sans-serif;
font-size:15px;
color:#333333;
text-decoration:none;
padding:50px;
margin:50px;
background:#30F;}

p.answer{
font-family:arial,verdana,helvetica,sans-serif;
font-size:15px;
color:#333333;
text-decoration:none;
padding:50px;
margin:50px;
background:#F00;}

并相应地格式化......

<p>default</p>
<p class="question">question</p>
<p class="answer">answer</p>

字体填充适用于某些字体但不适用于其他字体

1 个答案: