知识点一：选择器 1、选择器：通过标识选择指定的元素，那么这个标识就是选择器 2、组成：基本选择器： 标签选择器、ID选择器、类名选择器、多类名选择器、通配符选择器 复杂选择器： 子代选择器、后代选择器、交集选择器、并集选择器 伪类选择器： :link :hover :active :visited ...
分类：
Web程序 时间：
2020-08-19 19:11:28
阅读次数：
141
选择器优先级： 抄录MDN的原话是：优先级就是分配给指定的 CSS 声明的一个权重，它由 匹配的选择器中的 每一种选择器类型的 数值 决定。而当优先级与多个 CSS 声明中任意一个声明的优先级相等的时候，CSS 中最后的那个声明将会被应用到元素上。当同一个元素有多个声明的时候，优先级才会有意义。因为 ...
分类：
Web程序 时间：
2020-07-29 21:47:36
阅读次数：
82
链接伪类 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http- ...
分类：
Web程序 时间：
2020-07-27 09:30:49
阅读次数：
79
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .box{ width: 200px; height: 200px; /*盒子的边框 宽度 颜色 transparent表示透明 */ border ...
分类：
其他好文 时间：
2020-07-23 22:34:08
阅读次数：
98
类选择器和属性选择器，伪类选择器 权重都是10 input[type="text"]{ width:150px;} 选择器示例示例说明CSS .class .intro 选择所有class="intro"的元素 1 #id #firstname 选择所有id="firstname"的元素 1 * * ...
分类：
Web程序 时间：
2020-07-21 13:49:14
阅读次数：
123
权重记忆口诀。从0开始，一个行内样式+1000，一个id+100，一个属性选择器/class或者伪类+10，一个元素名，或者伪元素+1 ...
分类：
Web程序 时间：
2020-07-16 21:26:58
阅读次数：
77
css中:focus-within是什么 在css中 :focus-within 是一个伪类，现在已经被列入到css选择器中（css Level 4 selector）。css中伪类:focus-within能非常方便处理获取焦点状态， 当元素本身或其后代获得焦点时，:focus-within伪类的 ...
分类：
Web程序 时间：
2020-07-16 18:25:07
阅读次数：
80
要实现的效果：如果上面元素较少，提交按钮在屏幕底部，如果上面元素较多，接近一屏，或者超过一屏，按钮随之下移。 需要以下几点： 1、按钮和上面元素在一个div中，父div相对定位，需要居底的div绝对定位。 2、父div min-height: 100vh。 3、父div设一个伪类，伪类设置一定高度， ...
分类：
Web程序 时间：
2020-07-15 15:32:18
阅读次数：
425
众所周知我们的css选择器权重最高为!important往下依次为：!important，行内样式，ID选择器，类，属性选择器和伪类选择器元素和伪元素 那么我这里讲一点不一样的东西。 在某些修改某些组件样式的时候也都有头痛过权重等级。（只要不是放在行内或用!imprtant 你的选择器怎么放都无法盖 ...
分类：
Web程序 时间：
2020-07-15 13:05:29
阅读次数：
94
CSS 的优先级是根据样式声明的特殊值来判断的。 选择器的特殊值分为四个等级，如下： 标签内选择符 x,0,0,0 ID 选择符 0,x,0,0 class 选择符/属性选择符/伪类选择符 0,0,x,0 元素和伪元素选择符 0,0,0,x 计算方法： 每个等级的初始值为 0 每个等级的叠加为选择器 ...
分类：
Web程序 时间：
2020-07-12 10:23:30
阅读次数：
74
