css множественный селектор последний не работает

Question

Я хочу использовать некоторый код CSS с одной строкой, я не знаю, почему, но каким-то образом последний элемент не затронут моим кодом CSS, почему это так?

скрипка

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 должен быть внутри элемента с идентификатором ask-us.Что, по-видимому, не так.

Answer 2

как сказал Филипп , просто попробуйте

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