CSS :lang 选择器实例选择带有以 "en" 开头的 lang 属性值的每个 <p> 元素,并设置其样式:p:lang(en) { background:yellow; }完整实例:<!DOCTYPE html><html><head><style>p:la
CSS :invalid 选择器实例仅在 <input> 元素的值无效时选择元素并设置样式:input:invalid { border: 2px solid red; }完整实例:<!DOCTYPE html><html><head><style>input:inva
CSS :indeterminate 选择器实例为不确定状态的 input 添加红色阴影色:input:indeterminate { box-shadow: 0 0 1px 1px red; }完整实例:<!DOCTYPE html><html><head><style>in
CSS :in-range 选择器实例仅当 <input> 元素的值“在范围内”时,才选择元素并设置样式:input:in-range { border: 2px solid yellow; }完整实例:<!DOCTYPE html><htm
CSS :hover 选择器实例选择鼠标指针浮动在其上的元素,并设置其样式:a:hover { background-color:yellow; }完整实例:<!DOCTYPE html><html><head><style>a:hover{background-co
CSS :fullscreen 选择器实例如果页面位于全屏模式,把背景色设置为黄色::fullscreen { background-color: yellow; }完整实例:<!DOCTYPE html><html><head><meta name="viewport
CSS :focus 选择器实例选择获得焦点的输入字段,并设置其样式:input:focus { background-color:yellow; }完整实例:<!DOCTYPE html><html><head><style>input:focus{background-
CSS3 :first-of-type 选择器实例指定父元素的首个 p 元素的背景色:p:first-of-type { background:#ff0000; }完整实例:<!DOCTYPE html><html><head><style>p:first-of-type{ba
CSS :first-line 选择器实例选择每个 <p> 元素的首行,并为其设置样式:p:first-line { background-color:yellow; }完整实例:<!DOCTYPE html><html><head><style>p:first-line{b
CSS :first-letter 选择器实例选择每个 <p> 元素的首字母,并为其设置样式:p:first-letter { font-size:200%; color:#8A2BE2; }完整实例:<!DOCTYPE html><html><head><style>p:
CSS :first-child 选择器实例选择属于其父元素的首个子元素的每个 <p> 元素,并为其设置样式:p:first-child { background-color:yellow; }完整实例:<!DOCTYPE html><html><head
CSS3 :enabled 选择器实例为所有 type="text" 的已启用的 input 元素设置背景色:input[type="text"]:enabled { background-color: #ff0000; }完整实例:<!DOCTYPE html><html>
CSS3 :empty 选择器实例指定空的 p 元素的背景色:p:empty { background:#ff0000; }完整实例:<!DOCTYPE html><html><head><style>p:empty{width:100px;height:20px;background
CSS3 :disabled 选择器实例为所有 type="text" 的被禁用的 input 元素设置背景色:input[type="text"]:disabled { background-color: #dddddd; }完整实例:<!DOCTYPE html><htm
CSS :default 选择器实例为默认的 input 元素添加红色阴影色:input:default { box-shadow: 0 0 1px 1px red; }完整实例:<!DOCTYPE html><html><head><style>input:default {