css - 多个 DIV 的样式相同但仅适用于一个 DIV

<分区>

这个问题似乎与 help center 中定义的范围内的编程无关。 .

关闭 9 年前。

我在我的一个页面上使用 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>

但它根本就没有设计它的样式？有什么想法吗？

(请记住我是编码新手!)

最佳答案

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

所以实际的方法是

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

你可以看到如何一次处理多个选择器 here

关于css - 多个 DIV 的样式相同但仅适用于一个 DIV，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20983086/

上一篇：html - 如何在不发生这种情况的情况下制作此 CSS 叠加层

下一篇：html - 对齐社交媒体共享图标

相关文章：

javascript - 如何在 jQuery 中无限水平滚动图像？

android - 在 NativeScript for Android 中使用边框

javascript - 如何更改 CSS :root color variables in JavaScript

apache - HTML5 缓存 list 和内容类型

javascript - 在 translateX 后将跨度元素居中对齐

javascript - 将鼠标悬停在 jQuery 按钮上时显示文本

html - 如何防止移动浏览器微缩 HTML block 级元素？

javascript - ionic 滚动上的 Angular 变化样式

javascript - IE 的 Canvas 外滚动问题

javascript - Webkit 动画干扰 jQuery 功能