如何添加下拉菜单

Question

仅使用CSS有人可以告诉我如何在Big Cartel Neat主题上添加下拉菜单。 需要帮助将副标题添加到主标题，例如...

关于品牌(出现鼠标悬停和副标题(

品牌理念

关于创始人

关于我们

header .sections {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
padding: 0 32px;
position: relative;
width: 50%;
z-index: 97;
}
header .sections .navigation {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
list-style: none;
margin: 0;
padding: 0;
}
header .sections .navigation li {
display: block;
margin: 0 16px;
}
header .sections .navigation li a {
padding: 4px 0;
text-align: center;  

Answer 1

我也是CSS的新手，但我会尽力提供帮助。这是你可以做的。

#heading:hover .subheadings{
display: block
}

基本上，您的#headingid(您可能只有 1，因此您应该使用 id(是"关于品牌"文本。当您添加hover时，当鼠标悬停在主标题上时，您可以使某些事情发生。在这种情况下，您可以在它后面添加类.subheadings并将其显示为块元素(3 个副标题将堆叠在一起(。这将导致将鼠标悬停在主标题上后显示副标题。基本上，它就像 Python 中的if then语句。

我希望这个解释有所帮助！祝你好运:)