CSS样式不生效

Question

我在以下网站上使用联系表的后续代码 http://fuel.social ，以及我指定的大多数样式，如 border-width 和 color 都不适用。一个提示将不胜感激。

非常感谢您的宝贵时间!

img.ajax-loader { display: none; }

div.wpcf7-response-output, div.wpcf7-validation-errors { display: none           !important; }
span.wpcf7-not-valid-tip { display: none; }

.wpcf7-textarea,
.wpcf7-email {
border-width: 2px;
border-style: solid;
border-color: #E8E8E8;
-webkit-appearance: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-style: italic;
}

这是联系表中的代码:

<div id="form-container">
    LEAVE US A MESSAGE
    <br>
    <div class="row">
    <div class="form-group">[textarea* textarea-533 5/360 your-email placeholder "A maximum of 360 characters"]</div>
    <br>
    <div class="col-md-6 form-group">[email* email-104 class:form control placeholder "Your email address"]</div>
    </div>
    <br>
    <div class="form-group">[submit class:btn class:btn-primary "Send"]        </div>
    </div>

Answer 1

它被覆盖了:

.site-content div.wpcf7 input[type="text"],
.site-content div.wpcf7 input[type="email"],
.site-content div.wpcf7 textarea {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #ddd;
  color: #000;
  display: block;
  font-family: "courier-prime",monospace;
  font-size: 1rem;
  line-height: 1.5;
  margin: 3px 0 0;
  padding: 6px 2% 5px;
  text-align: left;
  width: 100%;
}

在几百行之前的相同样式文件中，因为这个 (css) 选择器更具体并且会启动。

编辑: 并没有真正被覆盖，而是对已经设置的属性进行了某种部分忽略；)

您需要为文本、文本区域和电子邮件字段(例如 ID)使用相同或更精确的选择器