如何使用新的CSS3选择器

Question

如何使用新的CSS3选择器

Answer 1

CSS 3 属性选择器

选择器                        含义                                                             示例    

E[att^=”val”]    属性att的值以”val”开头的元素    div[id^="nav"] { background:#ff0; }

E[att$=”val”]    属性att的值以”val”结尾的元素    

E[att*=”val”]    属性att的值包含”val”字符串的元素    

CSS 3中与用户界面有关的伪类

选择器                          含义                                           示例    

E:enabled    匹配表单中激活的元素    input[type="text"]:disabled { background:#ddd;}

E:disabled    匹配表单中禁用的元素    

E:checked    匹配表单中被选中的radio（单选框）或checkbox（复选框）元素    

E::selection    匹配用户当前选中的元素    

更多HTML5 CSS3选择器

• CSS 1.0~3.0选择器（上）

• CSS 1.0~3.0选择器（中）

• CSS 1.0~3.0选择器（下）