Question

上工作

我有一个有效的响应式菜单，但是当我尝试在响应模式下定义

时，浏览器无法识别该样式..

在响应模式中，我得到一个名为＆＃34;负责的课程＃34;我尝试在我的导航样式前添加类.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;
}

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

Answer 1

当你在CSS选择器中使用长空格分隔的字符串时......

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

...你告诉浏览器“找到我的类.responsive-toggled，其中有一个父级的类.responsified反过来又有一个父级的类.absolute反过来有一个父类与class.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;
}

响应式导航链接不会对课程做出反应

1 个答案: