<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt
原创
2022-12-21 10:29:51
78阅读
CSS3新增伪类举例： p:first-of-type p:last-of-type p:only-of-type p:only-child p:nth-child(2) :after :before:not()
原创
2021-07-27 20:50:42
212阅读
CSS3新增伪类举例： p:first-of-type p:last-of-type p:only-of-type p:only-child p:nth-child(2) :after :before:not()
原创
2022-06-30 18:08:54
150阅读
css的伪元素，之所以被称为伪元素，是因为他们不是真正的页面元素，html没有对应的元素，但是其所有用法和表现行为与真正的页面元素一样，可以对其使用诸如页面元素一样的css样式，表面上看上去貌似是页面的某些元素来展现，实际上是css样式展现的行为，因此被称为伪元素。如下图，是伪元素在html代码机构中的展现，可以看出无法伪元素的结构无法审查。css有一系列的伪元素，如:before，:after，
转载
2023-07-25 17:06:47
66阅读
（1）elem:nth-child(n)选中父元素下的第n个子元素，并且这个子元素的标签名为elem，n可以接受具体的数 值，也可以接受函数。（2）elem:nth-last-child(n)作用同上，不过是从后开始查找。（3）elem:last-child选中最后一个子元素。（4）elem:only-child如果elem是父元素下唯一的子元素，则选中之。（5）elem:nth-of-type
原创
2022-03-25 10:26:50
109阅读
伪类 css2.1, 合法伪类只有 a 标签有, link visited hover active  
原创
2016-10-13 12:35:07
780阅读
点赞
一、::before / ::after 简介 ::before 和 ::after 是 CSS 中的伪类，它们基本功能是在 CSS 渲染中向元素的内容前面和后面插入内容。虽然在实际 HTML 中我们没有增加任何标签，并且会在浏览器中展现出来。 ::before和::after必须配合content ...
转载
2021-07-14 19:45:00
599阅读
2评论
http://www.w3.org/TR/css3-selectors/ css3伪类:not 语法： //an E element that does
原创
2023-06-26 06:15:27
27阅读
转载
2021-06-28 15:22:04
138阅读
妙味css3课程 1-2、css3中新增的伪类和伪元素有哪些 一、总结 一句话总结： 1、div:target{}是什么意思？ 比如a标签的锚点链接到div，div:target{}就可以找到这个divE:target { sRules } 匹配相关URL指向的E元素。 2、如何用input框模拟单
转载
2018-08-03 21:58:00
81阅读
圆角 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>talk</title> <style type="text/css"> div { position: relative; width: 500px; ...
转载
2021-10-20 10:33:00
120阅读
2评论
CSS3新增选择器 子选择器 子级选择器用于选取带有特定父元素的元素.box > p{ background-color: pink} 兄弟选...
原创
2022-03-03 10:55:55
105阅读
文章目录[隐藏] css3 变量： css3 变量：变量的声明：必须以–开头，// 全局声明：声明一个全局变量--bgcolor; :root 可以设置为 body html 和 root 记住只有 root 才有冒号:root{ --bgcolor:#000;}使用：在要用的地方用 var(--设置的名称，这个是可选参数当前面无效时的参数)普通声明：声...
原创
2021-07-05 13:41:15
397阅读
* 当用户将鼠标悬停在元素上时为其设置样式* 访问和未访问的链接不同样式* 在获得焦点时设置元素的样式
原创
2019-07-26 09:01:36
657阅读
::before和::after伪元素的用法 一、介绍 css3为了区分伪类和伪元素，伪元素采用双冒号写法。 常见伪类——:hover,:link,:active,:target,:not(),:focus。 常见伪元素——::first-letter,::first-line,::before,:
转载
2018-08-01 10:12:00
217阅读
2评论
UI元素状态相关的介绍3个 1、:checked --------- 用于单选或者多选按钮选中状态的样式规则设置 input[type=checkbox]:checked{width:20px;} 2、:disabled --------- 置灰状态下的样式规则设置 input:disabled{border-c...
原创
2023-06-26 00:37:33
111阅读
一、CSS3 伪元素选择器二、CSS3 伪元素选择器权重二、代码示例
原创
2023-04-22 10:45:22
451阅读
伪类伪类技巧教学前，要区分两个重要概念。伪类和伪元素，两者常常被人弄混。因为两者确实长得太像了，尤其在css3之前，两者在使用形式上还一摸一样，没有规范可言。在css3之后两者形式上做了区分去，单个冒号是伪类，两个冒号是伪元素。伪类应用众所周知，Animate/transitionboxshadow可以使用boxshadow属性来实现盒子阴影效果，但repaint消耗较多，于是这里提出通过修改伪元
原创
2022-09-18 23:48:37
251阅读
介绍一下css3伪类之:empty ------------------------ 匹配没有子元素和内容的元素。 注释：连空格也不能有！ #test:empty{width:100px;} 应用场景=！...
原创
2023-06-26 00:37:46
122阅读
天空之外结构(位置)伪类选择器（CSS3)案例属性选择器案例伪元素选择器（CSS3): 伪类与 :: 伪元素注意案例结构(位置)伪类选择器（CSS3):first-child :选取属于其父元素的首个子元素的指定选择器:last-child :选取属于其父元素的最后一个子元素的指定选择器:nth-child(n) ： 匹配属于其父元素的第 N 个子元素，
原创
2020-07-15 09:14:14
815阅读
