Question

我在Wordpress中使用联系表单，我在div中使用了表单。 div ID为contact_form_home。我尝试使用以下内容设置div的表单元素的样式：

#contact_form_home input[type=text], input[type=email], textarea, input[type=submit] {
   background-color: #009fe3;
   border: 1px solid #fff;
   color: #fff;
   padding: 11px;
   line-height: 1;
   width: 100%;
}

出于某种原因，我在我网站上的任何其他textarea也采用这种风格。如何仅为该div指定样式？

Answer 1

您需要为列表中的每个元素重复#contact_form_home。

#contact_form_home input[type=text], 
#contact_form_home input[type=email], 
#contact_form_home textarea, 
#contact_form_home input[type=submit] {
    ....
}

逗号,完全分隔元素，而不仅仅是子元素与第一个id。

您还应该看到每个电子邮件输入字段的每个提交按钮都具有样式，但您可能没有任何其他此类元素。

为了更清楚，您的列表如下所示：

( #contact_form_home input[type=text] ) 
OR ( input[type=email] ) 
OR ( textarea ) 
OR ( input[type=submit] )

Answer 2

您必须重复ID：

config.sort_order

样式在div中形成元素

2 个答案: