Question

我正在尝试使用HTML，CSS和jQuery Mobile创建一个Web应用程序。我遇到的问题是，无论我将CSS放在head标签中，jQuery Mobile CSS都会覆盖我的CSS。

<!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来居中我的徽标图像时，它没有任何效果。

.logo{
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
}

任何帮助解决这个压倒一切的CSS问题都将不胜感激。感谢

Answer 1

尝试在你的风格中使用不同的类名，并编写真正需要更改的内容，而不是像jquery mobile css那样编写。

jQuery Mobile CSS干扰了我的CSS

1 个答案: