伪类选择器.docVIP

1 lang !DOCTYPE html html lang=zh-cn head meta charset=utf-8 / title语言伪类选择符 E:lang()/title !-- 描述： 匹配使用特殊语言的E元素。 语法： E:lang(){ sRules } -- style body { background-color: deepskyblue; } p:lang(zh-cn) { color: #f00; } /style /head body p大段测试文字/p /body /html!DOCTYPE html html lang=zh-cn head meta charset=utf-8 / title结构性伪类选择符 E:last-child/title !-- 描述： 匹配父元素的最后一个子元素E。 要使该属性生效，E对象必须是某个对象的子元素。 语法： E:last-child{ sRules } -- style body { background-color: deepskyblue; } h1 { font-size: 16px; } li:last-child { color: #f00; } /style /head body h1注意是li:last-child，而不是ul:last-child/h1 ul li结构性伪类选择符 E:last-child/li li结构性伪类选择符 E:last-child/li li结构性伪类选择符 E:last-child/li li结构性伪类选择符 E:last-child/li /ul /body /html!DOCTYPE html html lang=zh-cn head meta charset=utf-8 / title结构性伪类选择符 E:last-of-type/title !-- 描述： 匹配同类型中的最后一个同级兄弟元素E。 语法： E:last-of-type{ sRules } -- style body{ background-color: deepskyblue; } p:last-of-type { color: #f00; } /style /head body div class=test div我是一个div元素/div p我是一个p元素/p p我是一个p元素/p /div /body /html!DOCTYPE html html lang=zh-cn head meta charset=utf-8 / title@page:left/title !-- 描述： 设置页面容器位于装订线左边的所有页面使用的样式。仅用于@page规则。 语法： @page:left{ sRules } -- style body{ background-color: deepskyblue; } @page: left { margin-left: 300px; } div { break-after: always; } /style /head body div页面容器位于装订线左边的所有页面左外边距为300px/div div页面容器位于装订线左边的所有页面左外边距为300px/div div页面容器位于装订线左边的所有页面左外边距为300px/div /body /html 5 link !DOCTYPE html html lang=zh-cn head meta charset=utf-8 / title链接伪类选择符 E:link/title !-- 描述： 设置超链接a在未被访问前的样式。 语法： E:link{ sRules } -- style body { background-color: deepskyblue; } a:link { c