css3 属性选择器 对于数字识别问题

摘要: 对于属性选择器 数字和英文选择的问题

html 如下所示，

<input type="text" placeholder="请输入">

<select>
<option value="0">女</option>
<option value=1 selected>男</option>
</select>

对于css3 属性选择器

标签和属性之间不能加空格

如果使用 [type=text] [value="1"] 这类属性时候
字母可以不加引号，数字一定要加引号，才能正确识别

[type=text]{
color: red;
}

option[value="1"]{    /* 正确：当属性选择器 选择value = "数字" 时，一定要加引号，否则不能正确识别 */
color: blue;
}

[value=1]{           /* 错误 数字不加引号，无法识别*/
color: orange;
}