造型几个DIV相同,但只在一个DIV上工作

时间:2014-01-07 22:14:50

标签: css html

我在我的一个页面上使用CSS设置了DIV样式。 CSS看起来想这个:

#login {
 background-color: #FFFFFF;
 width: 600px;
 height: 250px;
 margin: 0 auto;
 border: solid;
 border-color: #00ae00;
-moz-border-radius: 15px;
     border-radius: 15px;
    Padding-top: 10px;
    text-align:center;

}

它按预期工作

然后我意识到我想在其他页面上为许多DIV设计相同的样式。所以我的理论只是将上面的CSS改为:

#login, register, home {
 background-color: #FFFFFF;
 width: 600px;
 height: 250px;
 margin: 0 auto;
 border: solid;
 border-color: #00ae00;
-moz-border-radius: 15px;
     border-radius: 15px;
    Padding-top: 10px;
    text-align:center;

}

只是为了向您展示我的其他DIV是如何放置的

    <div id="register">
    <form action='register.php' method='post'>
 <h1>Register Here:</h1>
    <h4><?php echo $message; ?></h4>
    Username:<input type='text' name='username'
                value='<?php echo $username; ?>'><br />
    Password:<input type='password' name='password'><br />
    Repeat Password:<input type='password' name = 'repeatpassword' >
    <?php echo $recaptcha_form; ?>
    <input type='submit' name='submit' value='Register'>
    <input name ='reset' type='reset' value='Reset'>
    </form>
    <h2>Once you have registered, log in  <a href='login.php'>here!</a></h2>

    </div>

但根本没有造型呢? 任何想法?

(请记住我对编码很新!)

2 个答案:

答案 0 :(得分:1)

您错过了在ID选择器之前提供 #

所以实际的方式是

#login, #register, #home
{
 // your css
}

您可以看到如何同时处理多个选择器 here

答案 1 :(得分:0)

这样做:

#login, #register, #home