HTML的整个块未接收CSS类样式
16lz
2021-01-22
I have this HTML section with class="hero"
and the CSS .hero
to style it, however, the background colour seems to only be being applied to the <h1>
element located in the <section class="hero">
section. It is not being applied to the <p>
tags or <a>
tags located in the same section. Please help.
我有这个带有class =“hero”的HTML部分和CSS .hero来设置样式,但是,背景颜色似乎只应用于位于
元素。它未应用于位于同一节中的
标签或标签。请帮忙。
/*-----------------------------------------
GENERAL
------------------------------------------*/
.wrap{
width: 90%;
max-width: 700px;
margin: 0 auto;
}
/*-----------------------------------------
NAV
------------------------------------------*/
/*-----------------------------------------
HERO
------------------------------------------*/
.hero {
background-color: #999;
padding: 80px 0px;
height: 20px;
}
/*-----------------------------------------
MAIN SECTION
------------------------------------------*/
/*-----------------------------------------
FOOTER
------------------------------------------*/
<!--HERO SECTION-->
<section class="hero">
<h1>Welcome to Foundation 6</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pharetra lobortis ligula, a porttitor sem porttitor consequat. Vestibulum ac massa non lorem cursus sodales. Fusce convallis nisl ex, a iaculis eros pulvinar id. Vestibulum consectetur eget augue convallis bibendum. Fusce tempus consectetur risus ac interdum. Aenean eu lacus eu metus egestas feugiat. Suspendisse sed venenatis metus, at lacinia elit. Praesent tristique placerat lacus. Interdum et malesuada fames ac ante ipsum primis in faucibus. In ullamcorper velit leo, quis interdum sapien dapibus non. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed suscipit massa eget mauris dictum, ut malesuada felis pulvinar. </p>
<a href="#" class="button">Learn more</a>
<a href="#" class="success button">Contact Us</a>
</section>
更多相关文章
- 1、html/css:基本样式总结
- HTML/CSS: 标签CSS规则w/伪类呈现不一致。
- 重温html5的新增的标签和废除的标签
- [原创]基于html5新标签canvas写的一个小画板
- TextView显示html样式的文字
- js去掉html标签和去掉字符串文本的所有的空格
- 样式通常以相同的组合出现:创建单个类还是组合元素?
- 关于html5 audio 标签在ios系统上不能正常自动播放的解决办法
- 【web】a标签点击时跳出确认框