如何正确地将CSS应用于PHP回声？

Question

提交联系表格以采用其适当的CSS后，我无法获得显示的成功消息。

步骤如下：

1. 用户将其数据输入联系人表格。

2. 该表单信息定向到外部PHP脚本，该脚本将信息发送到电子邮件地址。

3. 提交表单后，PHP会以DIV元素的形式出现回显，其内容类似于“您成功！”。（到目前为止，这是在嘲笑我）。

4. 将“成功”类分配给DIV元素，该类最终应应用适当类的CSS

除回声外，窗体上的所有功能均正常运行。当应用适当的类时，DIV元素没有实际更改。简单来说，我希望文本为绿色，但保持黑色。

HTML格式：

   <div class="col-lg-5 col-md-8">

            <div id="sendmessage" ></div>

            <div id="errormessage"></div>

            <div class="form">

              <form action="php/contactform.php" method="post" role="form" class="contactForm" id="contactForm">

                <div class="form-group">

                  <input type="text" name="name" class="form-control" id="name" placeholder="Your Name" data-rule="minlen:4" required />

                </div>

                <div class="form-group">

                  <input type="email" class="form-control" name="email" id="email" placeholder="Your Email" data-rule="email" required />

                </div>

                <div class="form-group">

                  <input type="text" class="form-control" name="subject" id="subject" placeholder="Subject" data-rule="minlen:4" required />

                </div>

                <div class="form-group">

                  <textarea class="form-control" name="message" id="message" rows="5" data-rule="required" required placeholder="Message"></textarea>

                </div>

                <div class="text-center"><button type="submit" name="submit">Send Message</button></div>

              </form>

            </div>

          </div>

CSS：

#contact .form .success {

  padding: 1em;

  margin-bottom: 0.75rem;

  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);

  color: #468847;

  background-color: #dff0d8;

  border: 1px solid #d6e9c6;

  -webkit-border-radius: 4px;

     -moz-border-radius: 4px;

          border-radius: 4px;

}

我不会链接到Ajax，因为它已经应用了适当的类。

我将继续寻找迭代，但是我认为这可以归结为“您只是不知道CSS”的问题。无论对代码有多小或微不足道的批评，我们都欢迎。

Answer 1

您正在尝试将success类追加到sendmessage。为此，您的CSS内容应如下所示：#contact&nbsp;#sendmessage.success&nbsp;{color:green;}