一些CSS屬性不適用

-1

我的一些CSS似乎不適用於我的網頁，我試過查找答案，我甚至嘗試過一個沒有運氣的CSS驗證程序。一些CSS屬性不適用

我沒有一個網頁，但如果你能夠通過閱讀代碼找出問題，將不勝感激！

另外：看看圖片：http://puu.sh/jIxvw/818d4da42a.png （以低信譽張貼圖片）不爲我工作的代碼是不是藍色代碼

CSS

@import url(http://fonts.googleapis.com/css?family=Teko:300,700); 
body { margin: 0; padding: 0; background-color: #092f6e; color: #fff; } 
#WP { 
    font-size: 15px; 
    font-family: 'Teko', sans-serif; 
    width: 500px; 
    margin: 25px auto; 
    border: 1px solid rgba(256, 256, 256, .2); 
    background: #092f6e url(satellite_dish.jpg) no-repeat center bottom; 
    min-height: 575px; 
} 
#WP .Heading { 
    background-color: rgba(0,0,0,.5); 
    padding: 15px 0px 2px 0px; 
    margin: 0px 0px 30px 0px; 
} 
#WP h1 { 
    font-size: 4.2em; 
    color: #FFFFFF; 
    text-transform: 300; 
    line-height: 70px; 
    margin: 0px 0px 0px -5px; 
    padding: 0; 
    text-align: center; 
} 
#WP h2 { 
    font-size: 1.5em; 
    color: #64fb5f8; 
    text-transform: uppercase; 
    font-weight: 700; 
    line-height: 18px; 
    margin: 0px; 
    padding: 0; 
    text-align: center; 
    letter-spacing: 9px; 
} 
#WP .my-countdown .countdow-row { 
    display: block; 
    text-align: center; 
} 
#WP .my-countdown .countdow-section { 
    display: inline-block; 
    width: 95px; 
} 
#WP .my-countdown .countdow-amount { 
    display: block; 
    color: #FFFFFF; 
    font-size: 5.6em; 
    line-height: 55px; 
}

如果您有任何機會需要HTML

<!DOCTYPE HTML> 
<html> 
    <head> 
     <meta id="view" name="viewport" content="width=device-width, maximum-scale=1.0, minimum-scale=1.0, initial-scale=1"> 
     <title>Creating a Countdown</title> 
     <link rel="stylesheet" type="text/css" href="my_countdown.css"> 

     <script type="text/javascript" src="jquery-2.1.3.min.js"></script> 
     <script type="text/javascript" src="jquery.plugin.min.js"></script> 
     <script type="text/javascript" src="jquery.countdown.min.js"></script> 

     <script type="text/javascript"> 
      $(document).ready(function() { 
       $('.my-countdown').countdown({ 
        until: $.countdown.UTCDate(0, 2016, 4,1, 23,0,0,0) 
       }); 
      }); 
     </script> 
    </head> 
    <body> 
     <div id="WP"> 
     <div class="Heading"> 
      <h2>Countdown to the</h2> 
      <h1>World premiere</h1> 
     </div> 
     <div class="my-countdown">  </div> 
     </div> 
    </body> 
</html>

注意：這是本教程中的代碼創建事件倒計時機智h克里斯匡威 http://www.lynda.com/JavaScript-tutorials/Styling-injected-HTML-from-plugin/373559/407364-4.html

來源

2015-08-20 Stanley

CSS的哪個部分不工作？ –

似乎正在爲我工作。 https://jsfiddle.net/m8nh19nr/ – 9997

它應該是'.countdow-row'還是應該是'.countdown-row'？ –

你似乎已經忘記了幾個N的？

「.countdow ñ行×/ -selection/-AMOUNT」

#WP .my-countdown .countdown-row { 
    display: block; 
    text-align: center; 
} 
#WP .my-countdown .countdown-section { 
    display: inline-block; 
    width: 95px; 
} 
#WP .my-countdown .countdown-amount { 
    display: block; 
    color: #FFFFFF; 
    font-size: 5.6em; 
    line-height: 55px; 
}

來源

2015-08-20 21:26:01 user2267175

現在感覺非常愚蠢，耶穌。無論如何謝謝你！（抱歉，無法將您的評論提交給低代表） – Stanley

基本上，你必須修復 .countdow行嘗試更換與.countdown行同爲countdow-部分和.countdow-amount所以只需在「w」之後加一個「n」即可。

來源

2015-08-20 23:56:13 Araldy

一些CSS屬性不適用

回答

相關問題