JqueryスライダーCSSの問題

jqueryスライダーの使用に問題がありました。次の問題で誰かに助けてもらえますか？JqueryスライダーCSSの問題

私は、jQueryのスライダー（CSS、JS）ファイルがページに私の元のCSSスタイルに影響を与えているので、私はページ内のいくつかのトラブルを持って、私のhtml page.Butに「jqueryのスライダー」を追加しようとしてきました。スライダー

<---- My original css ---> 

<link rel="stylesheet" href="css/index.css" type="text/css"> 

<---- My original css --->

< ---- jQueryのCSS ---> ..メニューのフォントスタイルの変化に

を主導した

<link href="css/ninja-slider.css" rel="stylesheet" type="text/css" /> 
<link href="css/thumbnail-slider.css" rel="stylesheet" type="text/css" /> 
<script src="js/ninja-slider.js"></script>

<style> 
    body {font: normal 0.9em Arial;color:#222;} 
    header {display:block; font-size:1.2em;margin-bottom:100px;} 
    header a, header span { 
     display: inline-block; 
     padding: 4px 8px; 
     margin-right: 10px; 
     border: 2px solid #000; 
     background: #DDD; 
     color: #000; 
     text-decoration: none; 
     text-align: center; 
     height: 20px; 
    } 
    header span {background:white;} 
    a {color: #1155CC;} 
</style>

< ---- jQueryのCSS --->

出典

2016-07-21 paramaguru

すべてのあなたのCSSファイルを配置した後、あなたのIndex.cssを置きます。 CSSファイルのシーケンスはコード上重要です！これは問題かもしれません。一度確認してから元に戻してください。 –

はこのようにあなたのコードを注文してみます。

<html> 
 
    <head> 
 
    
 
    <!---- My original css ---> 
 
    <link rel="stylesheet" href="css/index.css" type="text/css"> 
 
    <style> 
 
    body {font: normal 0.9em Arial;color:#222;} 
 
    header {display:block; font-size:1.2em;margin-bottom:100px;} 
 
    header a, header span { 
 
     display: inline-block; 
 
     padding: 4px 8px; 
 
     margin-right: 10px; 
 
     border: 2px solid #000; 
 
     background: #DDD; 
 
     color: #000; 
 
     text-decoration: none; 
 
     text-align: center; 
 
     height: 20px; 
 
    } 
 
    header span {background:white;} 
 
    a {color: #1155CC;} 
 
    </style> 
 

 
    
 
    <!---- Jquery css ---> 
 
    <link href="css/ninja-slider.css" rel="stylesheet" type="text/css" /> 
 
    <link href="css/thumbnail-slider.css" rel="stylesheet" type="text/css" /> 
 
    <script src="js/ninja-slider.js"></script> 
 
    
 
    </head> 
 
    
 
    <body> 
 
    
 
    </body> 
 
</html>

出典

2016-07-21 10:40:29

JqueryスライダーCSSの問題

答えて

関連する問題