html - id 不适用于移动浏览器的 HTML 元素

标签 html css mobile selector

我在移动设备上遇到了一些 css 优先级问题。问题是 css id 选择器 push-content 不适用于 body 元素。奇怪的是,它正在我的 PC 浏览器上运行r。

代码不适用于移动设备:

/* space between content and navigation */
div #push-content {
  padding-top: 60px;
}
<body id="push-content">

在此之后应用于 body 元素:

<body style="padding-top: 60px;">

我觉得这不是唯一的方法。还有其他方法可以解决这个问题吗?

最佳答案

首先你在 id = "push-content"之间有空格

改成

id="push-content"

在第二 你有 div #push-content 当你将它应用到 body 标签时,将它更改为 body #push-content

关于html - id 不适用于移动浏览器的 HTML 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39122990/

相关文章:

javascript - JQuery 如何选中所有的复选框?

html - 列数不在 Chrome 中的短列上拆分

html - 让元素彼此相邻

html - 如何为不同的屏幕调整绝对定位图像的大小?

javascript - Node.js 的索引页面不读取 css 或 javascript 文件

html - CSS : Style the span within div element

ios - UIWebView 中的 Facebook 身份验证不会重定向回我网站上要求身份验证的原始页面

JavaScript 无法将某些 `.class` 应用于特定的 `span id=` - 为什么?

javascript - 在移动设备上使用 .scrollTop 动画不起作用

android - 我可以识别应用程序分发吗?