实例 选择访问过得链接样式： a:visited{ background-color:yellow;} 尝试一下 » 定义和用法 :visited向访问过的链接添加特殊的样式。 Tip: 使用:visited选择器设置访问过的页面链接的样式， :hove...

实例 选择激活的链接样式： a:active{ background-color:yellow;} 尝试一下 » 定义和用法 :active向活动的链接添加特殊的样式。 当你点击一个链接时它变成活动链接。 提示: :link 选择器设置了未...

实例 选择鼠标移到链接上的样式： a:hover{ background-color:yellow;} 尝试一下 » 定义和用法 :hover在鼠标移到链接上时添加的特殊样式。 提示: :hover 选择器器可用于所有元素，不仅是链接。...

实例 一个输入字段获得焦点时选择的样式： 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 属性开始的元素添加样式。 注意: 值是整个单词，单独像...

实例 以下实例将在每个链接后的括号内加上网址（href 属性）： a:after{ content: " (" attr(href) ")";} 尝试一下 » 属性定义及使用说明 content 属性与 :before 及 :after 伪元素配合使用，来插入内...