在CSS3中,结构性伪类选择器,包含伪类选择器和伪元素选择器,在伪元素选择器中包含
first-line、first-letter、before、after。
first-line:第1行文字使用样式;
first-letter:文字的首字母(第1个字母)使用样式;
before:某个元素之前插入一些内容;
after:某个元素之后插入一些内容。
注:before与after的用法相类似,它们都可给其补充的内容来添加一些样式。
结构性伪类选择器的共同特征是允许开发者据文档中的结构来指定元素的样式。
root:将样式绑定在页面的根元素中(根元素是指位于文档中最顶层的结构元素,在页面中就是指整个页面的html部分);
补充:一般,使用root之后,通常会使用body来实现整个页面的颜色变化。若我们使用了root,则
body只给内容区域添加背景颜色;若未使用root,则body将使整个页面生效。
not:想对某个元素使用样式,但想排除该元素下的子结构元素,让其不使用当前的样式;
结构:not(想要排除的内容)
empty:当前元素中,内容为空白时使用的样式;
target:对页面中某个target元素指定样式,该样式只在用户被点击页面中的超链接且跳转到target元素后起
作用。--target对应的是a标签
具体示例后续补充...