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

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

代码工作不适合移动设备：

/* space between content and navigation */ 
 
div #push-content { 
 
    padding-top: 60px; 
 
}

<body id="push-content">

它适用于body元素在此之后：

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

我不喜欢这种感觉是唯一的方法。任何其他方式来解决这个问题？

来源

2016-08-24 ryspbsk

因此，你添加id“push-content”到你的body元素，并尝试用'div＃push-content'调用它？这不会起作用，因为'body！= div' –

谢谢大家。我修复了'＃push-content {padding-top：60px;}'和''。我的移动设备上仍然没有发生变化。我甚至尝试将填充增加到100.更不用说它在我的浏览器上正常工作，并确认了它。 – ryspbsk

你想用css覆盖内联样式吗？ – Stender

这绝对是可怕的。我发现了这个问题。我的网站由WordPress提供支持。我使用了错误的链接。基本上，我通过XAMP在本地PC上托管网站进行测试。我正在使用功能bloginfo('stylesheet_url');，这给了我恶梦。样式表没有被链接到我的手机上。它正在返回http://localhost:8080/wordpress/这是LAN上任何其他设备的不正确链接，所以我把IP放在那里，它像一个魅力一样工作。我把它修改为http://192.168.1.8:8080/wordpress/192.168.1.8是源/主机的IP（您可以通过窗口打开命令控制台找到它，并写上“IPCONFIG”）

注意：您应该使用bloginfo('stylesheet_url');功能。我暂时将其删除，因为我在XAMP的帮助下通过局域网在其他设备上测试了我的网站。

谢谢大家的帮助。对此，我真的非常感激。

来源

2016-08-26 21:27:20 ryspbsk

在第一你有空间在id =“推内容”

改变它之间

id="push-content"

在第二你有div #push-content，而你是将它应用到一个body标签所以改为body #push-content

来源

2016-08-24 12:14:57 Bisquitue

它看起来像你在你的CSS有一个不正确的选择。

div #push-content将选择ID为push-content的元素，这是div的子元素。所以你不能把它应用到你的body。

使用，而不是：

#push-content { 
    padding-top: 60px; 
}

甚至更好：

.push-content { 
    padding-top: 60px; 
}

这里使用的，而不是一个id一个类可以让你使用它不仅仅是一个元素。

来源

2016-08-24 12:15:11 Chris

您的选择器正在尝试查找＃div内的push-content，而不是称为#push内容的div。删除它们之间的空间。

加 - 身体是不是一个div - 所以，你可能需要身体＃推送内容，而不是

来源

2016-08-24 12:15:45 Stender

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

回答

相关问题