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

为什么80%的码农都做不了架构师？>>>   

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;
}

 

转载于:https://my.oschina.net/esdn/blog/896849