css 多重选择器最后一个不起作用

Question

我想在单行中使用一些 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-->

Answer 1

选择器 #ask-us input[type=email] 表示类型 email 的输入必须位于 ID 为 ask-us 的元素内。显然不是。