css中的一个类后的“a”是什么?
所以我对 CSS 比较陌生,所以如果这个问题是一个愚蠢的问题,我很抱歉,但是如下所示,在课后写的“a”是什么?
.topnav {
background-color: black;
overflow: hidden;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.topnav a {
float: right;
color: white;
text-align: center;
padding: 35px 20px;
font-size: 21px;
text-decoration:none;
text-decoration: underline 0.10em rgba(255, 255, 255, 0);
background-image: linear-gradient(#000, #000);
}
.topnav a:hover {
background-color:rgb(59, 59, 59);
transition:text-decoration 300ms;
text-decoration-color: white;
}
回答
它是<a>具有类名的元素内的每个标签。在这种情况下,它是每个<a>内部.topnav元素。如果你不确定,我喜欢在 CSS 中设置边框,然后你可以看到什么受 CSS 规则影响,什么不受
.topnav a {
border: solid 2px fuchsia;
}
<div>
<a>fuchsia border</a>
<div>
<a>fuchsia border</a>
</div>
</div>
<a>not affected</a>
CSS: Cascading Style Sheets绝对值得一读(从教程开始)