Css 知识点总结 css中选择器的权重大小： 通配符选择器（*）—— 0 标签选择器、伪元素选择器（::after ,::before）—— 1 类选择器、伪类选择器、属性选择器 —— 10 id选择器 —— 100 行内样式 —— 1000 ！important —— 无穷 对于定义样式的三种方 ...
分类：
Web程序 时间：
2020-08-24 15:12:35
阅读次数：
82
知识点一：选择器 1、选择器：通过标识选择指定的元素，那么这个标识就是选择器 2、组成：基本选择器： 标签选择器、ID选择器、类名选择器、多类名选择器、通配符选择器 复杂选择器： 子代选择器、后代选择器、交集选择器、并集选择器 伪类选择器： :link :hover :active :visited ...
分类：
Web程序 时间：
2020-08-19 19:11:28
阅读次数：
141
类选择器和属性选择器，伪类选择器 权重都是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
css中:focus-within是什么 在css中 :focus-within 是一个伪类，现在已经被列入到css选择器中（css Level 4 selector）。css中伪类:focus-within能非常方便处理获取焦点状态， 当元素本身或其后代获得焦点时，:focus-within伪类的 ...
分类：
Web程序 时间：
2020-07-16 18:25:07
阅读次数：
80
众所周知我们的css选择器权重最高为!important往下依次为：!important，行内样式，ID选择器，类，属性选择器和伪类选择器元素和伪元素 那么我这里讲一点不一样的东西。 在某些修改某些组件样式的时候也都有头痛过权重等级。（只要不是放在行内或用!imprtant 你的选择器怎么放都无法盖 ...
分类：
Web程序 时间：
2020-07-15 13:05:29
阅读次数：
94
选择器：id选择器，类选择器，元素选择器，属性选择器，后代选择器，子选择器，相邻兄弟选择器，伪类选择器，伪元素选择器 1. 伪类选择器：专门用来表示元素的一些特殊状态，比如， 链接的状态，:active(激活链接)，：hover(鼠标悬浮其上) ...... 子元素的伪类：:first-child选 ...
分类：
Web程序 时间：
2020-07-04 22:37:41
阅读次数：
93
选择器的权重 伪类 :hover 当鼠标悬浮在元素上方时，向元素添加样式 :active 向被激活的元素添加样式 :first-child 向元素的第一个子元素添加样式 :focus 向拥有键盘输入焦点的元素添加样式 :link 向未被访问的链接添加样式 :visited 向已被访问的链接添加样式 ...
分类：
Web程序 时间：
2020-07-03 15:14:41
阅读次数：
55
1. 伪类选择器: a标签 <style> /* a标签没有被访问过时设置的样式 */ a:link{ color:green; font-size:20px; } /* a标签访问中时设置的样式 ,鼠标点击下去，还没有抬起来时*/ a:active{ color:black; } /* a标签访问 ...
分类：
Web程序 时间：
2020-06-30 22:36:26
阅读次数：
73
修改滚动条样式 ::-webkit-scrollbar CSS伪类选择器影响了一个元素的滚动条的样式，仅仅在支持WebKit的浏览器 (例如, 谷歌Chrome, 苹果Safari)可以使用。 1、CSS代码如下，.todolist-content为待修改的className .todolist-c ...
分类：
Web程序 时间：
2020-06-26 01:07:06
阅读次数：
205
ID选择器和类选择器的区别 id选择器只能网页中的一个元素使用 id》类》标签 高级 层次选择器 结构伪类选择器 属性选择器 <span>标签 作用：能让某几个文字或者某个词语凸显出来 字体样式： 属性名含义举例 font-family 设置字体类型 font-family:"隶书"; font-s ...
分类：
Web程序 时间：
2020-06-22 12:46:08
阅读次数：
102
