老师，请问a.active是啥意思啊，为什么不是a:active?
来源：2-1 html5页面布局（表现层_header）
蒹葭苍沧
2020-03-31 23:10:02
<!DOCTYPE html>
<html>
<head>
<title>hmtl页面布局(结构层)</title>
<meta charset="utf-8">
<style type="text/css">
*{
margin:0;
padding:0;
font-family:Arial;
font-size:16px;
}
a{
text-decoration:none;
}
ul{
list-style:none;
}
header{
height:80px;
background:#000;
}
header .container{
width:1200px;
margin:0 auto;
}
header > .container > a{
margin:5px 25px;
display:block;
float:left;
}
header > .container > nav{
float:right;
}
header > .container > nav >a{
font-size:24px;
float:left;
display:block;
width:110px;
height:73px;
line-height:73px;
text-align:center;
color:#fff;
}
header .container nav a.Home{background:#433b90;}
header .container nav a.Course{background:#017fcb;}
header .container nav a.Actual{background:#78b917;}
header .container nav a.Plan{background:#feb800;}
header .container nav a.FAQ{background:#f27c01;}
header .container nav a.Notes{background:#d40112;}
header > .container > nav > a:hover,
header > .container > nav >a.active{
padding-bottom:7px;
}
</style>
</head>
<body>
<header>
<div class="container">
<a href="#">
<img src="HTML5网页布局/images/logo.png">
</a>
<nav>
<a class="Home active" href="#">Home</a>
<a class="Course" href="#">Course</a>
<a class="Actual" href="#">Actual</a>
<a class="Plan" href="#">Plan</a>
<a class="FAQ" href="#">FAQ</a>
<a class="Notes" href="#">Notes</a>
</nav>
</div>
</header>
<section class="banner">
<ul>
<li><img src="HTML5网页布局/images/banner/banner1.jpg"></li>
<li><img src="HTML5网页布局/images/banner/banner2.jpg"></li>
<li><img src="HTML5网页布局/images/banner/banner3.jpg"></li>
</ul>
</section>
<section class="main">
<aside>
<h1>Recent <samp>Course</samp></h1>
<dl>
<dt>Hyper Text Markup Language</dt>
<dd><img src="HTML5网页布局/images/Course/02_09.png"></dd>
<dd>HTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。</dd>
</dl>
<dl>
<dt>Cascading Style Sheets</dt>
<dd><img src="HTML5网页布局/images/Course/05_05.png"></dd>
<dd>层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。</dd>
</dl>
<dl>
<dt>Javascript</dt>
<dd><img src="HTML5网页布局/images/Course/06_04.png"></dd>
<dd>JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言.</dd>
</dl>
<dl>
<dt>AngularJS</dt>
<dd><img src="HTML5网页布局/images/Course/09_07.png"></dd>
<dd>AngularJS诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVC（Model–view–controller）、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。</dd>
</dl>
</aside>
<article>
<h1>welcome to Massive Open Online Course!</h1>
<p>Hello, everyone! My name is and my English name is . I’m 15 years old. I’m a student in a very beautiful school called Liangbing Middle School and I am in Class 1 Grade 7. My hometown Liangbing is also a beautiful town.</p>
<img src="HTML5网页布局/images/article.jpg">
<p>I’m very happy and I like to make friends with others. I also like singing but traveling is my favorite, have been to many interesting places in China but I haven’t been to other countries. What a pity!</p>
<p>At school, I study Chinese,math, English, history, politics and so on. I like all of them. I often help my teacher take care of my class and I think I am a good helper. I live with my parents and we go home on time every day.</p>
</article>
</section>
<footer>
<div class="class="container">
<p>Copyright @ 2020 imooc.com All Right Reserved.</p>
<span>
<img src="HTML5网页布局/images/icon.qq.png">
<img src="HTML5网页布局/images/icon.weichat.png">
<img src="HTML5网页布局/images/icon.sina.png">
</span>
</div>
</footer>
</body>
</html>写回答
1回答
-
好帮手慕码
2020-04-01
同学你好，a.active表示的是自身：
而“a:active”这个写法是错误的哦。
如果我的回答帮到了你，欢迎采纳，祝学习愉快~
0
相似问题