Question

嗨，出于某种奇怪的原因，我无法在此段落上设置字体系列或字体大小。这是代码。我试图针对所有段落，没有任何工作文本保持不变。这是codepen链接http://codepen.io/anon/pen/eHiAB，你可以看到我在所有段落上将大小设置为800px并且它不起作用。

的CSS：

#about-us {
margin: 10px auto;
background-color:#FFF;
height:800px;
width:600px;
left:125px;
position: relative;
padding: 0 55px;
line-height: 36px;

}

#about-us p {
text-align:left;
padding-top: 20px;
margin: 0 40px;
}

body {
position:relative;
}

.sidemenu{
position:absolute;
background-color: #FFf;
width:170px;
height:740px;
margin-top: 10px;
list-style:none;
text-align:left;
z-index:0;
padding:0 35px;
padding-top:60px;

}

.sidemenu li a{
color:#222222;
padding: 0em 1em;
line-height: 3em;
border-bottom: dashed 1px #696868;
display:block;
}


.sidemenu li a:hover {
color:#D68D26;
}

HTML：

<body> <!-- start of the body-->
            <ul class="sidemenu">
                <li><a href="">About Us</a></li>
                <li><a href="">Contact Us</a></li>
                <li><a href="">FAQ</a></li>
                <li><a href="">How To Order</a></li>
                <li><a href="">Term And Agreement</a></li>
                <li><a href="">Shipping Information</a></li>
            </ul>
            <div id="about-us">

            <p><h2>About Us</h2>Lorem ipsum dolor sit amet, consectetur  .<br        />  .</p>
            </div>

            </body>

Answer 1

为什么要在p标签中放置h2语句？你应该

<h2>About Us</h2>
<p>Lorem ipsum dolor sit amet, consectetur </p>

然后你的css文件应该读这个

#about-us p {
text-align:left;
padding-top: 20px;
margin: 0 40px;
font-size: 12px; //(or whatever you want)
}

Answer 2

p标签内的H2标签导致问题。

将h2移到p标签之外，然后拾取font-size：800px样式。

不能在段落上设置font-family或font-size

2 个答案: