我正在使用Wordpress &试图在Wordpress站点的"additional css“部分中指定一个在移动视图中隐藏的列表。我附上了下面这棵树的截图。(这是div id=“footer-8”下的列表)

到目前为止,我使用的代码是,但它似乎没有做任何事情!
@media screen and (max-width: 600px) {
#footer-shape-holder li.single-shape shape1 {
visibility: hidden;
clear: both;
float: left;
margin: 10px auto 5px 20px;
width: 28%;
display: none;
}发布于 2021-11-06 22:05:57
您在那里有一个ID而不是类,并且.shape1不是.single-shape的子项。尝试如下:
@media screen and (max-width: 600px) {
.footer-shape-holder .single-shape.shape1 {
display: none;
}
}https://stackoverflow.com/questions/69868168
复制相似问题