文章 2024-09-12 来自:开发者社区

【前端web入门第五天】01 结构伪类选择器与伪元素选择器

文章目录: 1.结构伪类选择器 1.1 nth-child(公式) 2.伪元素选择器 1.结构伪类选择器 作用:根据元素的结构关系查找元素。 一个列表结构使用结构伪类选择器的例子 <style> li:first-child{ background-color: green; } </style> <body> &...

【前端web入门第五天】01 结构伪类选择器与伪元素选择器
文章 2024-09-11 来自:开发者社区

【前端web入门第四天】01 复合选择器与伪类选择器

文章目录: 1. 复合选择器 1.1 后代选择器 1.2 子代选择器 1.3 并集选择器 1.4 交集选择器(了解) 2.伪类选择器 2.1 伪类-文本 2.2 伪类-超链接(拓展) 1. 复合选择器 什么叫复合选择器?由两个或多个基础选择器,通过不同的方式组合而成。 复合选择器的作用是什么?更...

【前端web入门第四天】01 复合选择器与伪类选择器
文章 2024-05-13 来自:开发者社区

web前端之纯CSS实现简单酷炫的照片墙效果、排除元素的伪类、scale

html scaleMDN CSS函数scale()用于修改元素的大小。可以通过向量形式定义的缩放值来放大或缩小元素,同时可以在不同的方向设置不同的缩放值。:not()MDN :not()是CSS的伪类,用来匹...

文章 2024-03-08 来自:开发者社区

web前端-------伪类和伪元素

但是,网页中一些特殊的样式,需要用到特殊的CSS选择器来设置。在CSS中,我们把这类选择器称为伪选择器。 伪选择器,分为伪类选择器和伪元素选择器两个大类。 伪类选择器,简称伪类;伪元素选择器,简称伪元素。 ...

web前端-------伪类和伪元素
文章 2023-12-04 来自:开发者社区

【零基础入门前端系列】—伪类选择器(十六)

一、伪类选择器同一个标签,根据其不同的状态,有不同的样式。这就叫做伪类,伪类使用冒号来表示。二、CSS3新增选择器三、字符之间的距离<style> .box { letter-spacing: 10px; } </style> </head> <bo...

【零基础入门前端系列】—伪类选择器(十六)
文章 2023-04-20 来自:开发者社区

web前端-css中最直观的反馈-伪类及伪元素选择器的使用

前言上期给大家讲了css的一些选择器的使用,这期咱们一起学习css的另外两个选择器:伪类选择器以及伪元素选择器。css伪类选择器伪类用于定义元素的特殊状态。设置鼠标悬停在元素上时的样式为已访问和未访问链接设置不同的样式设置元素获得焦点时的样式:active用于选择活动链接。当您在一个链接上点击时,它就会成为活动的。即设置鼠标点击触发的样式。实例ÿ...

web前端-css中最直观的反馈-伪类及伪元素选择器的使用
文章 2022-09-27 来自:开发者社区

前端面试那些事【dt/dd、audio、onerror、标签、类、ID选择器、伪类选择器......

自定义列表问题 1:请写出列表项为"这是dt标签"且列表项内容也为"这是dd标签"的自定义列表。解答:<dl> <!-- 补全代码 --> <dt>这是dt标签<dt/> <dd>这是dd标签<dd/> <dd>这是第二个...

前端面试那些事【dt/dd、audio、onerror、标签、类、ID选择器、伪类选择器......
文章 2022-08-07 来自:开发者社区

#yyds干货盘点 前端歌谣的刷题之路-第十一题-伪类选择器

$stringUtil.substring( $!{XssContent1.description},200)...

#yyds干货盘点 前端歌谣的刷题之路-第十一题-伪类选择器
文章 2022-07-10 来自:开发者社区

web前端-css中最直观的反馈-伪类及伪元素选择器的使用

文章目录前言css伪类选择器:active:link和:visited:hover伪类选择器合集css伪元素选择器伪元素合集::after和::before::first-letter::first-line::selection小结前言上期给大家讲了css的一些选择器的使用,这期咱们一起学习css的另外两个选择器:伪类选择器以及伪元素选择器。css伪类选择器伪类用于...

web前端-css中最直观的反馈-伪类及伪元素选择器的使用
文章 2022-06-15 来自:开发者社区

web前端学习(二十六)——CSS3组合选择符、伪类伪元素的相关设置

$stringUtil.substring( $!{XssContent1.description},200)...

web前端学习(二十六)——CSS3组合选择符、伪类伪元素的相关设置

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

产品推荐

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注