CSS3技术详解
关注
分享
扫一扫
「已注销」
这个作者很懒，什么都没留下…
展开
-
详解CSS3中的选择器（三）伪类选择器
今天我为大家讲解下伪类选择器，这种选择器也是比较难以掌握的一种选择器。什么是伪类选择器呢做过Web网页开发的童鞋都经常看到css样式中有这么一种类型p:first-child { ... }，像这种带有冒号（:）标志的都是伪类选择器，有的童鞋会说了，伪元素也是冒号啊，比如 div:before {...}。诚然，为了兼容CSS3之前的版本，伪元素是允许使用单冒号的，但还是提倡使用双冒号（::）。伪类选择器也是最复杂的一种选择器，共有六大子类型：动态伪类选择器目标伪类选择器语言伪类选择器UI状原创 2020-06-03 23:12:37 · 1052 阅读 · 0 评论 -
详解CSS3中的选择器（二）层次选择器
上一讲我们讲解了CSS3中的基本选择器，这一节我们详解下层次选择器。什么是层次选择器我们都知道DOM是一个树状结构，在树状结构中有根节点、父节点、子节点、兄弟节点等概念。CSS也引入了这些概念到选择器中，对应的关系就是层次选择器。层次选择器共有四种，分别为：后代选择器（E F）子选择器（E>F）相邻兄弟选择器（E+F）通用兄弟选择器（E~F）在Web开发中，用的较多的是前两个-后代选择器和子选择器。我们先来看一段代码：<!DOCTYPE html> &原创 2020-06-02 22:56:06 · 1195 阅读 · 0 评论 -
详解CSS3中的选择器（一）基本选择器
什么是CSS选择器认识CSS选择器写过Web页面的童鞋都知道，要使某个样式应用于特定的HTML元素，首先需要找到该元素。在CSS中，执行这一任务的表现规则称为CSS选择器。CSS3选择器的分类CSS3在CSS2.1的基础上加了较多类型的选择器，比如属性选择器、伪类选择器等等。CSS3的选择器共有五种，具体如下：基本选择器层次选择器伪类选择器伪元素属性选择器下面我们就详细介绍下。基本选择器基本选择器是最古老，也是使用最多的选择器。它分为五种，如下：通配选择器(*)元素选择器(原创 2020-06-02 22:32:17 · 2951 阅读 · 0 评论