0

我在一个网站simplemedia.dk上工作

我有一个可以工作的响应式菜单，但是当我试图定义

  • 在响应模式下，浏览器无法识别样式..

    在响应模式下，我得到了一个名为“responsified”的类，我尝试在我的导航样式前面添加类 .responsified 但它没有反应。

    .responsive-menus .responsive-menus-0-0 .absolute .responsified .responsive-toggled #navigation ul.menu {
    display: block;
    float: left;
}

.responsive-menus .responsive-menus-0-0 .absolute .responsified .responsive-toggled #navigation ul.menu li {
    display: block;
    float: left;
}

    在正常模式下，我希望它显示它所做的表格单元格，但在响应中我希望它显示块。

    • 4

    1 回答 1

    1

    当您像这样在 CSS 选择器中使用长空格分隔字符串时...

    .responsive-menus .responsive-menus-0-0 .absolute .responsified .responsive-toggled

    ...您是在告诉浏览器“找到我的类 .responsive-toggled 的东西，它的父类是 .responsified 类，而父类又是类 .absolute 的父类，而父类又是类 .responsive -menus-0-0...”等等等等。

    在您的实际页面中，上面列出的所有这些类都应用于单个元素。

    在 CSS 中，要针对具有多个类的元素，将它们链接起来（无空格）：

    .responsive-menus.responsive-menus-0-0.absolute.responsified.responsive-toggled

    但这几乎可以肯定是这种情况，比你需要的复杂得多。

    您的情况可能不需要比这更具体的了：

    .responsified #navigation ul.menu {
    display: block;
    float: left;
}

.responsified #navigation ul.menu li {
    display: block;
    float: left;
}
    于 2013-09-30T04:08:03.017 回答