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

Question

提交联系表格以采用其适当的CSS后，我无法获得显示的成功消息。步骤如下：用户将其数据输入联系人表格。该表单信息定向到外部PHP脚本，该脚本将信息发送到电子邮件地址。提交表单后，PHP会以DIV元素的形式出现回显，其内容类似于“您成功！”。（到目前为止，这是在嘲笑我）。将“成功”类分配给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 #sendmessage.success {color:green;}