CSS3 :checked 选择器实例为所有被选中的 input 元素设置背景色：input:checked { background-color: #ff0000; }完整实例：<!DOCTYPE html><html><head><style>input:checked{b
CSS :before 选择器实例在每个 <p> 元素的内容之前插入新内容：p:before { content:"台词："; }完整实例：<!DOCTYPE html><html><head><style>p:before{content:"台词：";}</style>
CSS :after 选择器实例在每个 <p> 元素的内容之后插入新内容：p:after { content:"台词："; }完整实例：<!DOCTYPE html><html><head><style>p:after{content:"- 台词";}</style><
CSS3 [attribute*=value] 选择器实例设置 class 属性值包含 "test" 的所有 div 元素的背景色：div[class*="test"] { background:#ffff00; }完整实例：<!DOCTYPE html><html><he
CSS3 [attribute$=value] 选择器实例设置 class 属性值以 "test" 结尾的所有 div 元素的背景色：div[class$="test"] { background:#ffff00; }完整实例：<!DOCTYPE html><html><
CSS3 [attribute^=value] 选择器实例设置 class 属性值以 "test" 开头的所有 div 元素的背景色：div[class^="test"] { background:#ffff00; }完整实例：<!DOCTYPE html><html><
CSS [attribute|=value] 选择器实例选择 lang 属性值以 "en" 开头的元素，并设置其样式：[lang|=en] { background-color:yellow; }完整实例：<!DOCTYPE html><html><head><style>
CSS [attribute~=value] 选择器实例选择 titile 属性包含单词 "flower" 的元素，并设置其样式：[title~=flower] { background-color:yellow; }完整实例：<!DOCTYPE html><html><h
CSS [attribute=value] 选择器实例为 target="_blank" 的 <a> 元素设置样式：a[target=_blank] { background-color:yellow; }完整实例：<!DOCTYPE html><html><head><style>a[t
CSS [attribute] 选择器实例为带有 target 属性的 <a> 元素设置样式：a[target] { background-color:yellow; }完整实例：<!DOCTYPE html><html><head><style>a[target]{backgro
CSS3 element1~element2 选择器实例为所有相同的父元素中位于 p 元素之后的所有 ul 元素设置背景：p~ul { background:#ff0000; }完整实例：<!DOCTYPE html><html><head><style>
CSS element+element 选择器实例选择 <div> 元素之后紧跟的每个 <p> 元素，并设置其背景色：div+p { background-color:yellow; }完整实例：<!DOCTYPE html><html><head><style>di
CSS element>element 选择器实例选取父元素是 <div> 元素的每个 <p> 元素，并设置其背景色：div>p { background-color:yellow; }完整实例：<!DOCTYPE html><html><head><style>di
CSS element element 选择器 CSS element,element 选择器 CSS element>element 选择器 CSS 选择器参考手册实例选择并设置位于 <div> 元素内部的每个 <p> 元素的样式：div p{
CSS element.class 属性 CSS element 选择器 CSS element,element 选择器 CSS 选择器参考手册实例选择并设置类名为 "intro" 的 <p> 元素的样式：p.intro { background-colo
