Phonegap -剑道移动ui覆盖我的css

Question

实际上，我有一个css文件，其中包含一些类，id和html选择器(index.css)和kendo.mobile.all.min.css.

我前后都试过了，但都无济于事。

我的类不能工作，例如:

<div data-role="view" data-title="main-menu" id="main-menu" data-persist="true" class="body" data-transition="overlay:up" >

<h1>Text text</h1>
                            <h2>Another</h2>
<div>

这段代码，当只与我的css和kendo.common.min.css和kendo.default.min.css文件一起使用时，显示了正确的背景样式，当与kendo.mobile.all.min.css组合使用时，我看到的只是普通的html。

我是一个乞丐(还在上大学)，这是不是有什么隐含的东西让我忘记了?我也尝试过jquery移动，但退出了，因为它覆盖了我所有的css和空白的html。

还有人知道我怎么能改变默认的android皮肤从android-dark到android-light，而不强迫应用程序在一个平台上运行?(即仍然适应不同的平台)?

我的include命令:

 <script type="text/javascript" src="cordova.js"></script>

        <script src="js/load.unload.js"></script>
        <script src="js/hangman.js"></script>


                <link href="css/kendo.mobile.all.min.css" rel="stylesheet" />




<script src="js/jquery.min.js"></script>
        <!-- audio css-->
        <link href="css/styles.css" rel="stylesheet" type="text/css" /> 




    <script src="js/kendo.ui.core.min.js"></script>
        <script src="js/kendo.mobile.listview.js"></script>

        <script type="text/javascript" src="js/index.js"></script>
        <link rel="stylesheet" type="text/css" href="css/index.css" /> 



<!-- audio js sources-->
        <script type="text/javascript" src="js/jquery-ui.js"></script>
 <script type="text/javascript" src="js/main.js"></script>

Answer 1

你可以尝试在你的CSS中添加!important属性，看看是否有效。

:

 .button {
   background: red            !important;
   color: white               !important;
   padding: 3px               !important;
   border-radius: 5px         !important;
   border: 1px solid black    !important;
}