一、伪类选择器 在页面中，有时候同一个元素在不同动作下有不同的样式。比如链接在没有点击的时候有个样式，在鼠标放上去有另外的样式，还有在点击完成以后又会又一个样式。这几种情况下这个链接的标签并没有变化，有变化的只是它的状态，这时候就可以里用伪类来实现这个需求。在浏览器中，伪类的出现是为了向某些选择器添 ...
分类：
Web程序 时间：
2020-06-09 14:33:23
阅读次数：
84
1 css 选择器：分为选择器，选择符，伪类和伪元素 选择器：标签选择器，类选择器 选择符5个：空格、> 、+ 、~ 、|| 伪类：例如:hover 伪元素：例如::before,::after 2 css选择器的优先级 0级：通配符选择器、选择符和逻辑组合伪类(:not()、:is()、:wher ...
分类：
Web程序 时间：
2020-06-07 21:34:39
阅读次数：
141
【基本选择器】 1、通配符选择器 书写格式：* {声明块} 功能：所有标签，都应用其样式 适用场景：统一样式 注:一般不建议使用此选择器。 2、元素选择器 3、类选选择器 类选选择器命名规范 1点号开始 2包含字母 数字 下划线 连字符 3点后面必须是字母 4区分大小写 命名规范要求：见名知意 4. ...
分类：
其他好文 时间：
2020-06-07 21:08:23
阅读次数：
123
思路： 复杂模拟题 采用结构体存储元素信息，输入时，统一化为大写或小写。 考虑三种元素选择器标签/id选择器:直接遍历整个数组 分别与label/id作比较即可 *后代选择器:①.首先遍历一遍元素 找出符合最后一个条件的所有元素 放入一个vector中②.对vector中的每个元素首先判断倒数第二个 ...
分类：
其他好文 时间：
2020-06-06 10:53:06
阅读次数：
58
CSS选择器和规则：在css声明块前添加一个选择器，用来指明将css声明应用在哪些元素上。如图所示： 标签选择器 标签选择器又叫元素选择器，换句话说，文档的元素就是最基本的选择器，使用元素名称直接选中元素即可。 演示代码： <!DOCTYPE html> <html lang="en"> <head ...
分类：
Web程序 时间：
2020-06-04 19:32:50
阅读次数：
78
一 前言 目前在做IFE的练习，初步学习到CSS内容，所以做了总结。这篇博文主要介绍了CSS的选择器相关概念。 二 选择器类型 2.1 类型概述 CSS选择器 可以被分为以下类别:S1 简单选择器 A1 元素选择器 A2 类选择器 A3 ID选择器 A4 通用选择器 S2 属性选择器 A1 简单属性 ...
分类：
Web程序 时间：
2020-06-02 13:04:19
阅读次数：
74
CSS架构 基本选择器 元素选择器:通过元素名称定位页面元素 类选择器:通过元素的class属性定位页面元素 ID选择器:通过元素的ID属性定位页面元素;id属性必须是唯一的 通配符选择器:匹配当前页面中所有元素 <style> p{ color: #2196f3; } /*元素选择器 通过元素名称 ...
分类：
Web程序 时间：
2020-06-01 12:10:26
阅读次数：
95
jquery :even选择器 选择每个相隔的（偶数）元素 :even 选择器选取每个带有偶数 index 值的元素（比如 2、4、6）。 index 值从 0 开始，所有第一个元素是偶数 (0)。 最常见的用法：与其他元素/选择器一起使用，来选择指定的组中偶数序号的元素 jquery :odd选择 ...
分类：
Web程序 时间：
2020-05-30 11:02:33
阅读次数：
816
要想将CSS样式应用于特定的HTML元素，首先需要找到该目标元素。选择器是选择要添加要是的HTML标签的一种方式、模式。 CSS2.1版本的七种选择器: 基础选择器: 标签选择器、id选择器、类选择器、通配符选择器 高级选择器: 后端选择器、交集选择器、并集选择器 基础选择器 标签选择器 通过标签名 ...
分类：
Web程序 时间：
2020-05-28 01:01:27
阅读次数：
104
兄弟元素选择器 否定伪类 继承 选择器的优先级 a的伪类 ...
分类：
Web程序 时间：
2020-05-24 09:16:15
阅读次数：
63
