0

我一直在使用的 wordpress 主题一直在起作用，所以我正在尝试使用样式表编辑我的网站（我对 html 或 CSS 的经验为 0）。我正在寻找谷歌搜索过程来发现我必须用来编辑网站中每个元素的选择器名称非常耗时，因此我开始查看源代码以尝试识别我需要的选择器。

对于下面的示例，我希望更改注册表单按钮的背景颜色。

<div class="notif">
            <!-- Begin MailChimp Signup Form -->
            <div id="mc_embed_signup_appstage">
                <form action="http://HUDKingPro.us7.list-manage.com/subscribe/post?u=0c2c35acf6b36619d521176a9&id=8d4d76b2db" method="post" id="mc-embedded-subscribe-form_appstage" name="mc-embedded-subscribe-form" class="validate" target="_blank">
                                                    <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL_appstage" placeholder="Enter your email address" required />
                            <input type="submit" value="Notify me !" name="subscribe" id="mc-embedded-subscribe_appstage" class="button" />

到目前为止，使用我已经确定的选择器，我想出了这个，但它似乎不起作用，是否有一种方法可以从 HTML 源代码中识别 CSS 选择器？

#notif input {
background: #1A1A18;
}

抱歉，如果这过于幼稚，我将在下周推出一个应用程序，所以我没有足够的时间来深入了解 CSS。

4

2 回答 2

1

您是否尝试过使用按钮具有的类？IE.button

所以它将是：

.notif .button {
    background: #1A1A18;
}

您的 div<div class="notif">因此您的 CSS 对于# 您.用于类和#id 的 CSS 无效。

编辑

它正在使用这个样式表http://hudkingpro.com/wp-content/themes/apptamin-a-hor/yourstyles-example4.css

通过第 76 行编辑背景颜色或：

这是您要编辑的类或输入：

.notif input#mc-embedded-subscribe_appstage{
    background: #1A1A18 !important;
}

将以上内容添加到外观 - 编辑器。

于 2013-06-22T14:10:40.190 回答
0

#用于 ID，而您有class="notif". 此外，如果没有进一步的限制，它将影响电子邮件输入以及提交按钮。

所以试试.notif input[type=submit]

于 2013-06-22T13:40:40.817 回答