实例 一个输入字段获得焦点时选择的样式： input:focus{ background-color:yellow;} 尝试一下 » 定义和用法 :focus选择器用于选择具有焦点的元素。 提示: :focus选择器接受键盘事件或其他用户输入...

实例 每个 p元素的第一个字母选择的样式： p:first-letter{ font-size:200%;color:#8A2BE2;} 尝试一下 » 定义和用法 :first-letter选择器用来指定元素第一个字母的样式。 提示: :first-letter选择器可以使...

实例 每个p元素的第一行选择的样式： p:first-line{ background-color:yellow;} 尝试一下 » 定义和用法 :first-line选择器用来指定选择器第一行的样式。 注意: :first-line选择器可以使用以下属性：...

实例 匹配 p 的父元素的第一个p元素 p:first-child{ background-color:yellow;} 尝试一下 » 定义和用法 :first-child 选择器匹配其父元素中的第一个子元素。 浏览器支持 表格中的数字表示支持该属性...

实例 每个p元素之后插入内容： p:after{ content:"- Remember this";} 尝试一下 » 定义和说明 :after 选择器向选定元素的最后子元素后面插入内容。 使用 content 属性来指定要插入的内容。 浏览器...

实例 每个p元素lang属性值等于"it(Italian)" 的选择的样式： p:lang(it){ background:yellow;} 尝试一下 » 定义和用法 :lang 向带有指定 lang 属性开始的元素添加样式。 注意: 值是整个单词，单独像...

实例 设置同一父元素下的 p 元素之后的每一个 ul 元素的背景颜色： p~ul{background:#ff0000;} 尝试一下 » 定义和用法 element1 ~ element2 选择器匹配出现在 element1 后面的 element2。 element1 和 ele...

实例 设置class属性值以"test"开头的所有div元素的背景颜色： div[class^="test"]{background:#ffff00;} 尝试一下 » 定义和用法 The [ attribute ^= value ] 选择器匹配元素属性值带指定的值开始的元素。...

实例 设置class属性值以"test"结尾的所有div元素的背景颜色： div[class$="test"]{background:#ffff00;} 尝试一下 » 定义和用法 [ attribute $= value ] 选择器匹配元素属性值带指定的值结尾的元素。 浏览...

实例 设置class属性值包含"test"的所有div元素的背景颜色： div[class*="test"]{background:#ffff00;} 尝试一下 » 定义和用法 [ attribute* = value ] 选择器匹配元素属性值包含指定值的元素。 浏览器支持...