jQuery移动CSS正在干扰我的CSS
我正在尝试使用HTML、CSS和jQuery Mobile创建一个web应用程序。我遇到的问题是,无论我把jQuery移动CSS放在head标记中的什么地方,它都会覆盖我的CSSjQuery移动CSS正在干扰我的CSS,jquery,html,css,jquery-mobile,overriding,Jquery,Html,Css,Jquery Mobile,Overriding,我正在尝试使用HTML、CSS和jQuery Mobile创建一个web应用程序。我遇到的问题是,无论我把jQuery移动CSS放在head标记中的什么地方,它都会覆盖我的CSS <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-sc
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Mobile App</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.css" />
<link rel="stylesheet" href="mobile.css" media="only screen and (max-device width:480px)"/>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"></script>
</head>
<body>
如果您能帮助解决这个最重要的CSS问题,我们将不胜感激。
谢谢尝试在您的样式中使用不同的类名,并编写真正需要更改的内容,而不是编写与jquery mobile css相同的内容。当您删除jquery mobile时,它会起作用吗?制作css选择器。当jquery mobile css被删除时,它会起作用。我已尝试使选择器更具体,但仍然没有更改。请在浏览器中检查哪些样式应用于.logo元素以及哪些样式被覆盖。。
.logo{
margin-left: auto !important;
margin-right: auto !important;
display: block !important;
}