CSS :required 选择器实例仅选择带 "required" 的 <input> 元素，并设置其样式：input:required { background-color: yellow; }完整实例：<!DOCTYPE html><html><head><style>inp
CSS :read-write 选择器实例仅当 input 元素不为“只读”时选择元素并设置样式：input:-moz-read-write { /* For Firefox */ background-color: yellow; } input:r
CSS :read-only 选择器实例仅当输入元素为“只读”时选择元素并设置样式：input:-moz-read-only { /* For Firefox */ background-color: yellow; } input:read-onl
CSS ::placeholder 选择器实例更改输入字段的占位符文本的颜色：::-webkit-input-placeholder { /* Edge */ color: red; } :-ms-input-placeholder { /* Internet Explorer 1
CSS :out-of-range 选择器实例仅在 <input> 元素的值“超出范围”时选择元素并设置样式：input:out-of-range { border: 2px solid red; }完整实例：<!DOCTYPE html><
CSS :optional 选择器实例仅在 <input> 元素不带 "required" 属性时选择元素并设置样式：input:optional { background-color: yellow; }完整实例：<!DOCTYPE html><html><head>
CSS3 :only-child 选择器实例规定属于其父元素的唯一子元素的每个 p 元素：p:only-child { background:#ff0000; }完整实例：<!DOCTYPE html><html><head><style>p:only-child{b
CSS3 :only-of-type 选择器实例指定属于父元素的特定类型的唯一子元素的每个 p 元素：p:only-of-type { background:#ff0000; }完整实例：<!DOCTYPE html><html><head><style>p:
CSS3 :nth-last-of-type() 选择器实例规定属于其父元素的第二个 p 元素的每个 p，从最后一个子元素开始计数：p:nth-last-of-type(2) { background:#ff0000; }完整实例：<!DOCTYPE
CSS3 :nth-of-type() 选择器实例规定属于其父元素的第二个 p 元素的每个 p：p:nth-of-type(2) { background:#ff0000; }完整实例：<!DOCTYPE html><html><head><style>p:nth-of-
CSS3 :nth-last-child() 选择器实例规定属于其父元素的第二个子元素的每个 p 元素，从最后一个子元素开始计数：p:nth-last-child(2) { background:#ff0000; }完整实例：<!DOCTYPE
CSS3 :nth-child() 选择器实例规定属于其父元素的第二个子元素的每个 p 的背景色：p:nth-child(2) { background:#ff0000; }完整实例：<!DOCTYPE html><html><head><style>p:nth
CSS3 :not 选择器实例设置非 <p> 元素的所有元素的背景色：:not(p) { background-color: #ff0000; }完整实例：<!DOCTYPE html><html><head><style>p{color:#000000;}:not(p){co
CSS3 :last-of-type 选择器实例指定父元素的最后一个 p 元素的背景色：p:last-of-type { background:#ff0000; }完整实例：<!DOCTYPE html><html><head><style>p:last-of-type{b
CSS3 :last-child 选择器实例指定属于其父元素的最后一个子元素的 p 元素的背景色：p:last-child { background:#ff0000; }完整实例：<!DOCTYPE html><html><head><style>p:last
