<div class="right userPicture" :style="[{'background':`url(${userImg}) no-repeat center`},{'background-size': 'cover'}]"></div>
原创
2022-04-19 16:57:46
3368阅读
:not()逻辑伪类出身很早，早到IE9浏览器都支持，不像现在的新出来的逻辑选择器，:not()伪类括号里面并不支持复杂的选择器（虽然新的规范已经让支持了，目前还没有浏览器跟进）。例如，:not()伪类括号里面不能多个选择器：:not(.disabled, .read-only) {} /* 无效，不支持 */需要写作：:not(.disabled), :not(.read-only) {}
转载
2023-05-23 14:11:46
80阅读
1.:first-child: 伪类选择器，选取其父元素的第一个子元素的元素
2.:last-child：伪类选择器，选取其作为父元素的最后一个子元素
3.:nth-child(n）：伪类选择器，选其作为父元素的第n个子元素的元素。
转载
2023-05-26 23:33:19
143阅读
伪类 伪元素 CSS中：和：： - CSDN博客 https://blog.csdn.net/u014527697/article/details/81087139 Pseudo-elements - CSS: Cascading Style Sheets | MDN https://develop
转载
2018-09-11 01:26:00
319阅读
2评论
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
原创
2021-11-16 16:08:13
101阅读
:link:visited:hover:active:focus:first-child:last-child:nth-child():nth-last-child():nth-of-type():nth-last-of-type():not():required 必填:optional 选填:valid 有效:invalid 无效:in-range 在范围内:out-of-range 超出范围:not 伪类不参与权重计算http://jsbin.com/erimuh/1/edit 1 2 3 如果...
转载
2013-06-17 14:06:00
88阅读
2评论
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style type="text/css"> a:
原创
2021-11-16 16:27:27
161阅读
单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素 简而言之：伪类总是以一个冒号开头。伪元素通常以两个冒号开头。 在 CSS2 时代，伪元素和伪类均是以一个冒号开头的；在 CSS2.1 之后，为了对伪元素和伪类加以区分，规定伪类继续以一个冒号开头，而伪元素改为以两个冒号开头。 但是为了向
转载
2017-08-23 11:45:00
242阅读
2评论
CSS的元素选择器除了根据id（#）、class（.）、属性（[ ]）选取元素以外，还有很重要的一类，就是根据元素的特殊状态来选取元素。它们就是伪类和伪元素。跟id选择器、类选择器、属性选择器以及派生选择器等等这些从HTML文档层次结构（DOM树）中获取元素不同的是，伪类和伪元素是预定义的、独立于文档元素的。它们获取元素的途径也不是基于id、class、属性这些基础的元素特征，而是在处于特殊状态的
转载
2023-09-26 22:51:43
104阅读
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>
原创
2023-06-05 13:59:50
147阅读
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!--Vue安装--> <script src="https://c></head>&l.
原创
2023-06-05 13:59:50
52阅读
样式 Class 和
Style传统class写法可以跟其它两种共存<div class="test-class" v-bind:class="{ active: isActive }"></div>对象语法<div v-bind:class="{ active: isActive }&quo
原创
2022-06-30 11:09:18
81阅读
前言CSS的伪类和伪元素在平时的代码中经常会出现，可是一旦别人问你，什么是伪类，什么是伪元素，可能还是不能完整的表述出来，下面我们来一探究竟。伪类和伪元素定义伪类用于在页面中的元素处于某个状态时，为其添加指定的样式。伪元素会创建一个抽象的伪元素，这个元素不是DOM中的真实元素，但是会存在于最终的渲染树中，我们可以为其添加样式。[重点]最常规的区分伪类和伪元素的方法是：实现伪类的效果可以通过添加类来
转载
2023-11-07 15:33:48
348阅读
::before和::after伪元素的用法一、介绍css3为了区分伪类和伪元素，伪元素采用双冒号写法。常见伪类——:hover,:link,:active,:target,:not(),:focus。常见伪元素——::first-letter,::first-line,::before,::after,::selection。::before和::after下特有的content，用于在css渲
转载
2023-07-25 17:01:23
168阅读
想要实现伪静态，路径后面加上 .html 后缀，可以通过动态路由来实现。 首先在你想要实现伪静态的页面的路由规则中配置，如：{
path: "/Detail/:id",
name: "Detail",
compontent: ......
}这里是给 Detail 这个页面的路由中配置一个参数 id，这个参数是 parmas 参数，传递的方式有两种this.$router.push({nam
转载
2023-06-04 19:40:05
385阅读
一、伪类 下面列举一些常见的伪类（来自W3C截图）： 二、伪元素 下面列举一些常见的伪元素（来自W3C截图）： 最后注意：伪类和伪元素都不会存在于原文档和文档树里。 ...
转载
2021-10-28 07:57:00
222阅读
2评论
顺序应该是a:
原创
2022-11-11 11:13:07
154阅读
原创
2022-10-20 10:40:33
67阅读
什么是伪类？ 伪类是选择器的一种，它用于选择处于特定状态的元素，比如当它们是这一类型的第一个元素时，或者是当鼠标指针悬浮在元素上面的时候。它们表现得会像是你向你的文档的某个部分应用了一个类一样，帮你在你的标记文本中减少多余的类，让你的代码更灵活、更易于维护。 伪类就是开头为冒号的关键字： :pseu
原创
2021-06-28 14:08:27
850阅读
CSS伪类与伪元素 CSS引入伪类和伪元素概念是为了格式化文档树以外的信息。也就是说，伪类和伪元素是用来修饰不在文档树中的部分，比如，一句话中的第一个字母，或者是列表中的第一个元素。 伪类 伪类用于当已有元素处于的某个状态时，为其添加对应的样式，这个状态是根据用户行为而动态变化的。比如说，当用户悬停
原创
2022-05-28 00:54:24
290阅读
