前端css伪类

前端5.28

选择器的优先级内联样式：1000id：100类和伪类：10元素选择器：1通配*：0继承没有优先级继承不可以继承祖先元素的边框，背景，定位并集选择器不相加，各算各的！
关若飞·2024-01-26 16:17

CSS伪类添加事件

用css禁掉父元素的点击事件给父元素CSS添加pointer-events:none;给伪类添加CSSpointer-events:auto;这样给父元素添加点击事件只有伪类触发
前端专业写bug·2024-01-26 10:06

2019-05-28

选择器的优先级：内联样式：1000id选择器：100类和伪类：10元素选择器：1通配选择器：0继承的样式，没有优先级。
多喝烫水_·2024-01-26 02:45

css中~、＞、+、[]、:和::详解

文章目录一、`~`二、`>`子代选择器三、`+`兄弟选择器四、`[]`属性选择器五、`:`伪类和`::`伪元素5.1、概念5.2、伪类5.3、伪元素六、最后一、~p~ul{background:#8e8e8e
小马甲丫·2024-01-25 17:44

day02

+idName{}选择器：可以给多个标签相同的class名；可以给一个标签多个class名“#”+idName{}选择器：每一个id都是唯一的element：hover{}选择器：伪类选择器3.盒子模型
13885f51475b·2024-01-25 10:18

10.CSS学习（一）

上一篇：9.HTML5CSS学习css基本语法CSS中的颜色CSS的使用方式CSS特性CSS的注释符选择器ID选择器组合选择器后代选择器链接伪类选择器动态伪类选择器权重值字体设置字体系列字体大小字体粗细斜体字体简写格式字体颜色字体下划线字符间距元素的显示模式文本缩进换行隐藏内容水平对齐问题关于继承和自身的默认属性
Kylincsg·2024-01-24 12:11

PostgreSQL 17新特性：PL/pgSQL支持数组%TYPE以及%ROWTYPE

正在开发中的PostgreSQL17即将增加一个新功能：PL/pgSQL支持定义伪类型%TYPE以及%ROWTYPE数组。当我们使用PL/pgSQL编写存储过程或者函数时，可以定义不同类型的变量。
不剪发的Tony老师·2024-01-24 11:54

HTML5+CSS3笔记

文章目录HTML5新增特性:CSS3新增特性:**属性选择器****结构伪类选择器**伪元素选择器2、盒子模型：CSS3弹性盒子(flexbox)**flex-direction：****justify-content
Magin_Baron·2024-01-24 08:31

今日前端十个知识点——CSS篇（二）

1、伪元素和伪类伪元素：在内容元素的前后插入额外的元素或样式，但是这些元素实际上并不在文档中生成，只在外部显示可见，不会在文档的源代码中找到它们伪类：将特殊的效果添加到特定选择器上，它是已有元素上添加类别
前端fighter·2024-01-24 03:31

7.前端--CSS-复合选择器

1.什么是复合选择器复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的，可以更准确、更高效的选择目标元素（标签）常用的复合选择器包括：后代选择器、子选择器、并集选择器、伪类选择器等等 2.后代选择器定义后代选择器又称为包含选择器
摆脱Loser称号·2024-01-23 21:57

【Web前端开发基础】CSS的结构伪类选择器、伪元素、浮动

CSS的浮动目录CSS的浮动一、学习目标二、文章内容2.1结构伪类选择器2.2伪元素2.3标准流2.4浮动2.5清除浮动2.6拓展（BFC）三、综合案例3.1小米模块案例3.2网页导航案例一、学习目标能够使用结构伪类选择器在
凌云(mlinyun)·2024-01-23 20:27

css实现伪类三角形气泡框 带边框

带三角形的气泡框.box{width:300px;height:300px;border:10pxsolid#0082df;position:relative;}.box::after{content:"";position:absolute;right:60px;top:300px;width:0px;height:0px;border:30pxsolidtransparent;border-t
每一天，每一步·2024-01-23 11:15

WEB前端伪类选择器以及伪元素选择器

表单补充-->西安咸阳宝鸡渭南提交属性选择器[class="first_div"]{width:100px;height:100px;background-color:aqua;}/*以什么字符开头*/[class^="f"]{background-color:cadetblue;}/*包含某个字符*/[class*="f"]{background-color:red;}/*以什么结尾*/[cla
桔梗.py·2024-01-23 07:56

WEB前端CSS常见样式以及各种简单样式

CSS常见样式CSS语法结构选择器表达式{key:value;.......}margin、paddingmargin：外边距padding：内边距*{margin:0;padding:0;}body{width:800px;height:800px;border:1pxsolidrebeccapurple;}div{width:400px;height:400px;border:1pxsolid
桔梗.py·2024-01-23 06:21

WEB前端media查询/font-fize/以及2D变换效果的实现

WEB前端DAY7练习nth-child和nth-type区别nth-child会判断集合中的第n个标签是否是伪类前面的标签nth-type则会根据标签生成合集去其中的第n个标签body>div:nth-of-type
桔梗.py·2024-01-23 06:21

前端知识杂烩（HTML[5]?+CSS篇）

5.CSS强制文本在一行内显示若有多余字符则使用省略号表示6.css中伪类属性修改a标签的样式：7.HTMLdl标签8.置换元素与不可置换元素
weixin_30666753·2024-01-21 13:01

web前端入门到实战：CSS :placeholder-shown伪类实现输入框浮动文字效果

在这篇文章中，我们将使用:placeholder-shown伪类创建一个浮动的问题标签效果，使用纯CSS实现。浮动的文字标签当我们处理输入框时，会想方设法提供给用户更好的体验。
大前端世界·2024-01-21 12:12

移动端hover样式不消失&ios系统伪类:active不生效

在PC浏览器中，只要鼠标移动到元素上，它的:hover伪类就会立即生效，鼠标移走就会立即失效。
儒雅的曹曹曹·2024-01-21 07:31

编程笔记 html5&css&js 048 CSS链接

这里使用的是伪类选择器。四种链接状态分别是：a
明月看潮生·2024-01-21 07:35

20.清除浮动的方法

20.清除浮动的方法（1）父级div定义height（2）结尾处加空div标签，样式clear:both（3）父级div定义伪类:after和zoom（4）父级div定义overflow:hidden（
柠檬与断章·2024-01-20 12:22

前端面试题-（W3C标准，重绘，回流 ，CSS伪类）

W3C标准W3C标准主要包括一下几个方面1.结构化标准语言：主要败局哦XHTML和xml.Xhtml是一种基于xml的标记语言，用于创建和组织网页内容。具有更好的可读性和维护性。xml则是一种用于描述和传输数据的标记语言，具有可扩展性和灵活性。被广泛应用于web服务，数据存储和配置文件等领域。2.表现标准语言：主要包括css。css是一种用于控制网页样式和布局的标记语言，通过选择器和属性来定义元素
小全upup·2024-01-20 07:28

CSS隐藏video标签中各种控件

1、可以通过下方伪类元素选择器来实现隐藏vedio标签的各种控件。2、若想全部隐藏,去掉controls即可。
Tongfront·2024-01-19 23:48

2024 前端高频面试题之 HTML/CSS 篇

5、伪类和伪元素的区别？6、css样式隔离方案？7、vuescoped能做样式隔离的原理？8、css优先级是怎样计算的？9、
Aybuai·2024-01-19 18:30

2019-10-25

1.id选择器#id{}2.class选择器.class{}3.标签选择器h1{}4.属性选择器[type="a"]5.伪类选择器常用于超链接上6.全局选择器*{}7.后代选择器divp{}8.子代选择器
沉迷学习_2316·2024-01-19 18:30

HTML前端CSS实现只显示1行或者2行、3行剩余显示省略号

想要做的效果:文本只一行显示/**实现思路：1.设置inline-block属相2.强制不换行3.固定高度4.隐藏超出部分5.显示“……”*/{display:inline-block;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis;}文本只多行显示/**实现思路：1.超出的文本隐藏2.溢出用省略号显示3.溢
前端进阶中·2024-01-19 08:21

CSS选择器几种用法-详解

目录CSS选择器类型一，基本选择器1.ID选择器2.标签选择器3.类选择器4.通用选择器二，包含选择器三，属性选择器四，伪类选择器:checked:first-child:last-child:nth-child
为梦想而战@大学生·2024-01-18 23:21

css伪类

.halfStyle:before{display:block;z-index:1;position:absolute;top:0;left:0;width:50%;content:attr(data-content);/*伪元素的动态获取内容*/overflow:hidden;color:#f00;}风流倜傥
陈皮太·2024-01-18 07:41

css3 纯代码案例

css3纯代码案例前言渐变之美1.1纯CSS3实现的渐变背景1.2使用多重颜色和方向打造丰富渐变效果1.3渐变色停留动画的巧妙运用纯CSS图形绘制2.1使用border属性制作三角形、梯形等形状伪类箭头图标
TechWJ·2024-01-18 07:10

前端学习路上的小技巧二

；火狐：-moz；IE浏览器：-ms；欧朋浏览器：-o；2.行内及块元素的嵌套顺序：行内可以包行内；块元素可以包行内以及块元素，p标签属于个例，只能嵌套行内元素；3.css权重：*<标签伪类
林芳芳0619·2024-01-18 07:07

CSS样式详解之伪类元素及CSS3选择器

目录一、伪类元素二、CSS3选择器1.相邻选择器（+）2.兄弟选择器（~）3.指定选择器（nth-of-type(n)）4.子元素指定选择器（子元素匹配选择器）5.属性选择器①[属性名]②[属性名=属性值
浮生_Lee·2024-01-18 06:46

CSS笔记III

选择器结构伪类选择器作用：根据元素的结构关系查找元素选择器说明E:first-child查找第一个E元素E:last-child查找最后一个E元素E:nth-child(N)查找第N个E元素(第一个元素
saddhu.·2024-01-17 19:42

html面试题知识点整理

样式选择器优先级：第一等级：代表内联样式，如style=""，权值为1,0,0,0；第二等级：代表ID选择器，如#id="",权值为0,1,0,0；第三等级：代表calss|伪类|属性选择器，如.class
可乐星-·2024-01-17 09:33

CSS常用汇总

文章目录标签选择器类选择器id选择器通配符选择器字体相关属性文本对齐文本装饰文本缩进内部样式表外部样式表Emmet语法后代选择器子选择器并集选择器伪类选择器块元素行内元素行内块元素元素类型的转换snipaste
小张同学该努力了·2024-01-17 09:04

day10 CSS3 transform属性之2D转换+交集选择器

`rotate()``scale()``skew()`以上几种变换的示例:`matrix()`变换示例补充内容——交集选择器在day1_1html和CSS基础中介绍了后代选择器、子选择器、并集选择器、伪类选择器等复合选择器和其它的基础选择器
亦昭昭·2024-01-17 06:20

CSS再学习（如何设置背景图片透明，弹性盒子，盒子阴影）+HTML冷门知识

目录css组合器后代选择器(空格)子选择器(>)相邻兄弟选择器(+)通用兄弟选择器(~)CSS伪类选择器什么是伪类？能干什么？
桂亭亭·2024-01-17 06:44

CSS笔记II

CSS第二天笔记复合选择器后代选择器子选择器并集选择器交集选择器伪类选择器三大特性继承性层叠性优先级优先级-叠加计算规则Emmet写法背景属性背景图平铺方式位置缩放固定复合属性显示模式转换显示模式复合选择器定义
saddhu.·2024-01-16 23:57

快速前端开发02-CSS快速入门

1.2.2搭建骨架1.2.3Logo区域1.2.4菜单部分1.3案例：顶部菜单+二级菜单小结1.4案例：推荐区域1.4.1划分区域1.4.2搭建骨架1.4.3案例的实现小结2.CSS知识点2.1hover（伪类
李小狗儿·2024-01-16 18:08

css 伪类 / 伪元素 选择器 [第十天]

文章目录CSS伪类/伪元素链接伪类CSS:first-child伪类CSS:lang伪类选择器重点注意注意：content属性countercounter-incrementcounter-resetattrCSS
PBitW·2024-01-16 14:43

HTML--CSS--超链接样式以及鼠标样式自定义

超链接伪类再复习一下,超链接的定义方式如下：这是一个标题这是一个超链接如果觉得下划线不好看，可以加上：a{text-decoration:none;}这都是之前学到过的东西，另外如果你有注意的话，应该能发现超链接未点击时
零时搞学习·2024-01-15 21:43

CSS 一行三列布局，可换行（含grid网格布局、flex弹性布局/inline-block布局 + 伪类选择器）

repeat(3,1fr);gap:10px10px;}.num-item{background-color:#CB812E;color:#ffffff;height:80px;}2、flex弹性布局+伪类选择器
Web - Nancy·2024-01-15 08:46

input的type=“date“时placeholder不显示，解决方案

input的type="date"时placeholder不显示，解决方案步骤如下：1、使用伪类模拟input[type="date"]::before{content:attr(placeholder
给贝贝赚口粮·2024-01-14 15:43

CSS 文字溢出 、变量、渐变、伪类三角形

1、文字溢出省略号：文字单行溢出overflow:hidden;//溢出隐藏text-overflow:ellipsis;//溢出用省略号显示white-space:nowrap;//规定段落中的文本不进行换行多行文字溢出overflow:hidden;//溢出隐藏text-overflow:ellipsis;//溢出用省略号显示display:-webkit-box;//作为弹性伸缩盒子模型显示
A-超·2024-01-14 08:38

css3基础语法与盒模型

css3基础语法与盒模型前言CSS3基础入门css3的书写位置内嵌式外链式导入式（工作中几乎不用）行内式css3基本语法css3选择器标签选择器id选择器class类名原子类复合选择器伪类元素关系选择器序号选择器属性选择器
TechWJ·2024-01-14 06:27

CSS伪类：为网页增添交互和样式

CSS伪类是一项强大的特性，它允许开发者根据不同的状态、位置和结构选择器来选择和样式化HTML元素。通过使用CSS伪类，我们可以为网页增添交互性、响应性和样式化效果。
爱编程的鱼·2024-01-13 19:30

前端：html+css

通配选择器等后代选择器：选中指定元素的指定后代元素；语法:祖先元素后代元素{}子元素选择器:选中指定父元素中指定的子元素；语法:父元素>子元素{}4.元素之间的关系：父元素；子元素；祖先元素；后代元素；兄弟元素5.伪类
码见愁·2024-01-13 10:47

前端面试：如何实现自适应正方形？

另一种方法是用子元素的伪类将父元素高度撑开。【
刷题刷到手抽筋·2024-01-13 08:37

JavaWEB学习笔记 2024-1-8 --CSS

选择器2.2.1基本选择器2.2.2选择器的权重2.2.3其他选择器2.2.3.1群组选择器2.2.3.2后代选择器和父子选择器2.2.3.3兄弟选择器和相邻选择器2.2.3.4属性选择器2.2.3.5伪类选择器
白斑马不是斑马·2024-01-13 06:38

CSS选择器小笔记

伪类选择器：选那些特定状态的元素，比如鼠标悬停、被点
e7182818·2024-01-13 05:23

CSS 中的伪装大师：伪类和伪元素的奇妙世界

在牛客打造高质量专栏《前端面试必备》蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录一、引言介绍伪类和伪元素的背景和重要性简述它们在
阿珊和她的猫·2024-01-13 00:17

H5新增 input 标签 属性选择器 结构伪类选择器

五、新增input标签h5input.png六、新增表单属性newinput.png七、CSS3属性选择器(上)什么是CSS3在CSS2的基础上拓展、新增的样式CSS3发展现状移动端支持优于PC端CSS3目前还草案，在不断改进中CSS3相对H5，应用非常广泛属性选择器列表attrcanshu.png属性选择器代码演示button{cursor:pointer;}button[disabled]{c
王玉伟的伟·2024-01-12 23:04
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他