KHL 001 11-计算机-本职-前台 CSS选择器

来源:互联网 发布:广东毕业生就业数据 编辑:程序博客网 时间:2024/06/01 08:05

CSS3 选择器分类

这里写图片描述

动态伪类选择器

这里写图片描述

锚点伪类的设置顺序必须遵守一个”LoVe/HAte”原则,也就是说正确的设置顺序为:
a:link、a:visited、a:hover、a:active

目标伪类选择器

这里写图片描述

UI元素状态选择器

这里写图片描述

结构伪类选择器

这里写图片描述

这里写图片描述

这里写图片描述

否定伪类选择器

这里写图片描述

选择器例子

选择非第一个元素

<div id="hot-body">    <div class="hot-item"><img src="../assets/image/hot-1.jpg" alt="1"></div>    <div class="hot-item"><img src="../assets/image/hot-2.jpg" alt="1"></div>    <div class="hot-item"><img src="../assets/image/hot-3.jpg" alt="1"></div></div>
#hot-body > div:not(:first-child){    margin-left: 15px;}

这里写图片描述

原创粉丝点击