I want to remove the behavior set by pure-menu-has-children, pure-menu-children and pure-menu-allow-hover when the screen size drops below a curtain point.

I have tried to reset them with the follow code and it works partially but when I hover a sub menu the menu collapses again.

View in full page mode and make the browser smaller.

Updated

Now it works

使用PureCSS我正在尝试更改他们的响应式水平到垂直菜单示例以满足我的需要。

我想将水平导航分成两行，但我没有成功尝试使用 css3 列，如Stackoverflow answer中所述。

我怎么能解决这个问题？也许我必须覆盖 PureCSS 设置的东西？

看到这个Plunker。请注意，对于 1024 像素以下的宽度，水平导航是隐藏的，因此使其变宽以查看（水平）导航（对于较小的尺寸，还有一个垂直导航，这里不感兴趣）。

相关的（自制）CSS 是：

的HTML：

我想在我的菜单上制作一个动画，而不是你可以在第一个两个 div 上看到的淡入淡出动画，我想把一个向下滑动的颜色作为动画。作为窗帘。

将鼠标悬停在图像上时，位于图像上的“彩色面板”会在其上向下滑动。这是我的菜单：

这是动画，但我无法弄清楚如何在图像上执行此操作，只需悬停即可。 http://jsfiddle.net/gregmatys/4x9Tf/light/

先感谢您。

我是纯 css的新手，它既好又容易！

我的 HTML：

我的 CSS：

现在请看带有 class 的绿色 div .left-in-header，我想把它放在其父级的左侧！（它的大小是pure-u-3-8）。 （我的网站语言是波斯语，波斯语是从右到左，那么我的方向是rtl）

以及如何通过纯类将 div 置于其父级的中心？

我正在尝试在我的网络应用程序中使用 PureCSS 表单，但我不知道如何在停止页面重新加载时保留漂亮的表单验证。

我知道我可以使用停止页面重新加载onsubmit="return false;"

然后我可以使用 AJAX 发布表单数据onClick="PostSettings();"，其中 PostSettings() 是我的包含 AJAX 请求的 javascript 函数。我还必须event.preventDefault();在该函数的顶部包含以停止重新加载。

不幸的是，这些停止重新加载的步骤也停止了内置的 PureCSS 验证。

有没有办法在不触发页面重新加载的情况下保留它，或者我需要在 javascript 中进行自己的验证？

仅供参考，这是html：

我正在使用 Pure.css (purecss.io) 框架来布局网站。我正在使用屏幕顶部的水平菜单。我不知道如何将菜单项定位在与菜单标题相同的（第一行）行上。即在 HTML 中：

我正在使用标准的 pure.css 文件，我怀疑这个问题与使用 ul 标签有关，或者因为默认的纯布局是菜单标题下方的垂直菜单。有没有人设法将标题和列表放在同一行（例如，根据引导标题）？

使用 Pure.css 和 Pure 的 grids-responsive.css 是否有办法在网格列变得小于某个宽度时将其折叠为按钮？

还有一种方法可以使列（例如上方的左列）响应屏幕宽度，但一旦屏幕非常宽，就限制为固定的最大宽度？

我正在为我的项目使用purecss。

我想在我的页面上拥有我的所有内容中心，就像引导容器类一样。

我尝试使用 purecss 网格使用不同的东西，但我不知道该怎么做。

我正在尝试使用 PureCSS 创建一个网格，但发现了一种我不理解的行为。我希望网格的左侧部分占据页面的 1/3，而右侧部分占据剩余的 2/3：

这是CSS：

在使用 Blink 的 Chrome 中，此页面按预期呈现。但是在基于 Gecko 的 Firefox 中，左侧 1-3 div 堆叠在右侧 2-3 div 之上。过去，此类问题是由 div 末尾的空格引起的。但是，我检查了我的代码，它没有任何多余的空格。我在某处读到了这些渲染引擎如何处理display:block而不是display:inline-block不同的处理方式，所以也许这与它有关。但我认为如果 PureCSS 是由 Yahoo 开发的，他们会在他们的框架中考虑到任何渲染引擎的差异，这样就不会发生这种情况。

( #video )background-image内的video id未显示。我已经包含了pure grid样式。我已经尝试过使用标签的替代方法，但是稍后我还想在图像中间添加一个按钮。有没有办法使用 div 标签来显示我的背景图像？谢谢

HTML 代码：

CSS 代码：