代码之家  ›  专栏  ›  技术社区  ›  Stanley

某些CSS属性未应用[closed]

  •  -1
  • Stanley  · 技术社区  · 9 年前

    我的一些CSS似乎不适用于我的网页,我尝试过查找答案,我甚至尝试过CSS验证器,但运气不佳。

    我没有网页,但如果你能够通过阅读代码来解决问题,那将非常感谢!

    还有:看图片: http://puu.sh/jIxvw/818d4da42a.png (发布img的声誉很低) 对我不起作用的代码是不是蓝色的代码

    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>
    

    注意:这是Chris Converse创建事件倒计时教程中的代码 http://www.lynda.com/JavaScript-tutorials/Styling-injected-HTML-from-plugin/373559/407364-4.html

    2 回复  |  直到 9 年前
        1
  •  1
  •   user2267175    9 年前

    你好像忘了几个N?

    “.伯爵夫人 N -行/-选择/-金额“

    #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;
    }
    
        2
  •  0
  •   Araldy    9 年前

    基本上你必须解决这个问题 countdow行尝试用countdow节和countdow amount相同的倒计时行替换,所以只需在“w”后面添加一个“n”即可。