Question

我用Wordpress＆＃39;生成ul。 wp-nav-menu功能，似乎无法让子弹消失。我已尝试使用id =＆＃34; menu-main-menu＆＃34;的所有组合：

ul#menu-main-menu, ul#menu-main-menu li {
    list-style: none;
    list-style-type: none;
}

我尝试按类和ID指定ul，没有去。尝试了父容器以获得更多规范，没有去。我甚至无法内联样式，因为在页面加载之前不会呈现HTML。

不确定还有什么可以尝试。我非常确定没有冲突的CSS，因为我正在使用新的样式表。

Answer 1

编辑：Per Temani Afif，我清除了浏览器的缓存，并且看到了，没有更多的子弹了。感谢大家的帮助！

很确定id是正确的。我发布图片太新了，但这里有一个指向检查员在Chrome上显示内容的简短链接：https://i.stack.imgur.com/hDm1h.jpg。

ID是由Wordpress自动生成的，不是我曾经使用过的。

我回去了，在样式表中找不到任何东西，但这里有一些更精明的眼睛可以看一遍。

我加入了！重要，没有骰子。

html {

}

body {

}

.container {
    background-color: crimson;
    display: flex;
    flex-direction: column;
}

.header {
    background-color: floralwhite;
    padding: 10px;
    display: flex;
}

.mainTitle {
    flex: 1;
    background-color: antiquewhite;
    text-align: center;
    font-size: 3em;
}

.mainSection-container {
    background-color: dimgray;
    display: flex;
    flex-direction: column;
}

.contentRow-1 {
    background-color: darkcyan;
    display: flex;
    flex-direction: column;
}

.menuSidebar {
    flex: 1;
    background-color: #f4f2e5;
    padding: 10px;
    order: 2;
}

ul#menu-main-menu, ul#menu-main-menu li {
    list-style: none;
    list-style-type: none;
}

.todaysArticle {
    flex: 3;
    background-color: #f7f7f7;
    padding: 10px;
    order: 1;
}

.todaysArticle-text {

}

.todaysImage {

}

.dark-text-background {
    background-color: rgba(57, 57, 57, 0.56);
    padding-right: 2px;
    padding-left: 2px;
}

.sidebar-2 {
    flex: 1;
    background-color: #fff8e7;
    padding: 10px;
    order: 3;
}

@media (min-width: 900px) {
    .contentRow-1 {
        flex-direction: row;
    }
    .menuSidebar {
        order: 1;
    }
    .todaysArticle {
        order: 2;
    }
    .side-bar-2 {
        order: 3;
    }
}


.contentRow-2 {
    background-color: floralwhite;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.articleStub {
    background-color: #e6edf0;
    width: 300px;
    padding: 10px;
    margin: 10px;
}

.image {
    max-width: 100%;
}
.postSection {
    flex: 4;
    background-color: aqua;
    padding: 10px;
    order: 1;
}

.dummySpace {
    flex: 1;
    background-color: cadetblue;
    padding: 10px;
    order: 3;
}

.postImage {
    max-width: 100%;
}

@media (min-width: 900px) {
    .contentRow-1 {
        flex-direction: row;
    }
    .menuSidebar {
        order: 1;
    }
    .postSection {
        order: 2;
    }
    .dummySpace {
        order: 3;
    }
    .postImage {
        max-width: 600px;
    }
}

.authorSection {
    flex: 3;
    order: 1;
    padding: 10px;
    background-color: darkgoldenrod;
}

.authorImage {
    max-width: 100%;
}

@media (min-width: 900px) {
    .contentRow-1 {
        flex-direction: row;
    }
    .menuSidebar {
        order: 1;
    }
    .authorSection {
        order: 2;
    }
    .authorImage {
        max-width: 600px;
    }
}

从ul中删除项目符号，＆＃34; list-style：none＆＃34;不工作

1 个答案: