网络

教育改变生活

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1268|回复: 0
打印 上一主题 下一主题

【HTML5:第六章 初识CSS】6-14 伪类选择器

[复制链接]

354

主题

355

帖子

1464

积分

版主

Rank: 7Rank: 7Rank: 7

积分
1464
跳转到指定楼层
楼主
发表于 2021-11-29 09:34:58 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
6-14 伪类选择器
(1) E:root。选择E元素所在文档的根元素。
譬如,:root{background:#000} ,即可将页面背景色设置为黑色。
(2) E:empty。选择没有子元素的元素,且该元素也不包含任何文本节点。
例如:
div{
  height:20px;
  background:#ffcc00;
}
div:empty{
  display:none;
}
<body>
<div>1</div>
<div> </div>
<div></div>
</body>
(3) E:not。选择除某个元素之外的所有元素。
(4) E:target。选择相关URL指向的目标元素。:target选择器用于选取当前活动的目标元素。
示例:
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
                :target{ background-color: red; }
    </style>
</head>
<body>
        <p><a href="#first">first</a></p>
        <p><a href="#second">second</a></p>
        <p id="first"><b>第一</b></div>
        <p id="second"><b>第二</b></div>
</body>

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

WEB前端

QQ|手机版|小黑屋|金桨网|助学堂  咨询请联系站长。

GMT+8, 2024-4-26 15:40 , Processed in 0.063866 second(s), 21 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表