CSS多个选择器的最后一个不起作用

时间:2019-05-19 12:22:47

标签: css input css-selectors

我想在一行中使用一些CSS代码,我不知道为什么,但是不知何故最后一个元素不会受到CSS代码的影响,为什么是这样?

fiddle

CSS:

 #ask-us input[type=email], 
input[type=text]{
  color: #121111; 
  border: 3px solid #ccc; 
  width: 171px;
  }

HTML:

        

                 

    <p><!--EMAIL-->
    <input type="email" name="postEmail" id="postEmail" class="required" value="value" /><br />
    </p>
</form><!--end form-->

2 个答案:

答案 0 :(得分:2)

选择器#ask-us input[type=email]说,电子邮件类型的输入必须在ID为ask-us的元素内。显然不是。

答案 1 :(得分:1)

Philipp所说,只需尝试

input[type=email], input[type=text]{
  color: #121111; 
  border: 3px solid #ccc; 
  width: 171px;
}