伪元素第8页

【CSS进阶】伪元素的妙用--单标签之美

正文从这里开始，本文主要讲述一下伪元素before和after各种妙用。:before和::before的

老姚666·2023-09-08 01:43

CSS伪类(Pseudo-classes)、伪元素、伪类选择器

CSS伪类(Pseudo-classes)和伪元素(详细)那什么是伪类？

IT萌萌熊·2023-09-08 01:11

css修改滚动条的样式

滚动条样式的修改是通过伪元素实现的：-webkit-scrollbar滚动条整体部分-webkit-scrollbar-button滚动条两端的按钮-webkit-scrollbar-track

飞鱼爱吃米·2023-09-08 00:12

CSS 选择器的优先级

CSS优先级之前，先说说CSS7种基础的选择器：ID选择器，如#id{}类选择器，如.class{}属性选择器，如a[href="segmentfault.com"]{}伪类选择器，如:hover{}伪元素选择器

柒色彩虹·2023-09-07 08:55

React原理 - React New Feature

目录扩展学习资料ReactFragments/Portals/StrictMode【糖果】Fragments【并列元素外包裹一个伪元素】Portals【改变组件挂载节点】StrictMode【严格模式，

路人i++·2023-09-07 03:36

前端面试基础面试题——6

3.伪元素和伪类的区别？4.行内元素和块级元素的具体区别是什么？行内元素的padding和margin可设置吗？5.什么是外边距重叠？重叠的结果是什么？

翻斗花园-图图·2023-09-07 02:19

IE不兼容的问题

1.display:list-itemIE浏览器不支持伪元素的display值为list-item

小杰的简书·2023-09-06 19:31

CSS 实现背景模糊

项目需要是实现背景的高斯模糊:如果使用filter:blur(5px);会使得元素整体模糊,并不符合设计图:百度找到的思路大多都是用一个元素(伪元素)绝对定位,放在需要有背景模糊的盒子下面,然后让绝对定位的元素高斯模糊

·2023-09-05 14:19

CSS中如何实现一个自适应正方形（宽高相等）的元素？

聚沙成塔·每天进步一点点⭐专栏简介⭐利用`padding`百分比⭐2.利用`::before`伪元素⭐写在最后⭐专栏简介前端入门之旅：探索Web开发的奇妙世界记得点击上方或者右侧链接订阅本专栏哦几何带你启航前端之旅欢迎来到前端入门之旅

几何心凉·2023-09-05 10:46

[Element]调整select样式

通过伪元素，实现这个和step长得差不多的样式exportdefault{data(){return{value:"",officeList:[],};},created(){this.officeList

我血条子呢·2023-09-05 03:06

伪类与伪元素

伪类与伪元素伪类和伪元素的引入是因为在文档树里有些信息无法被充分描述，引用标准中的话就是：CSS引入伪类和伪元素的概念是为了实现基于文档树之外的信息的格式化。

自动花钱机·2023-09-05 00:36

10 个效果不错的值得收藏的 css 代码片段

使用:before伪元素结合\AUnicode字符插入内

·2023-09-04 22:29

CSS选择器和优先级权重

选择器的优先级权重标签选择器、伪元素选择器：1类选择器、属性选择器、伪类选择器：10id选择器：100内联样式：1000选择器格式优先级权重id选择器#id100类选择器.class10属性选择器a[ref

猫老板的豆·2023-09-04 17:43

HTML5和CSS3新增内容

属性选择器、伪类选择器、伪元素选择器。CSS3新特性有哪些？颜色：新增RGBA，HSLA模式文本效果text-align-last设置如何对齐最后一行或紧挨着强制换行符之前的行。

前端_酒館·2023-09-04 08:02

CSS 总结

导入样式2、1.5四种方式的优先级3、选择器3、1基本选择器3、1.1标签选择器3、1.2id选择器3、1.3类选择器3、1.4通配符选择器3、1.5四种选择器的优先级3、2包含选择器3、3伪类选择器3、4伪元素选择器

∮d(y)√i²·2023-09-04 03:45

CSS进阶知识点--CSS3伪类选择器和伪元素

伪类选择器动态伪类（锚点伪类、用户行为伪类）UI元素状态伪类CSS3结构伪类否定选择器伪元素动态伪类这些伪类并不存在与HTML中，只有当用户和网站交互的时候才能体现出来锚点伪类:link:visited

梦幽辰·2023-09-04 01:06

js实现一行半文本的截取

于是在上网查阅后发现了几个方法：第一种是用伪元素加定位，把.；11..盖在文字的上面；第二种就是用js来实现了。

郑板桥30·2023-09-03 23:08

CSS 一个好玩的卡片“开卡效果”

实现效果三、代码一、用到的一些CSS技术渐变conic-gradientbox-shadowclip-path变换、过渡transform、transition动画animation@keyframes伪类、伪元素

薛定谔的壳·2023-09-03 18:31

用::before伪元素，在文字前面画一个圆形

.title-box{margin-top:20px;margin-left:41px;&span{font-size:22px;color:#1CDBFE;font-family:SourceHanSansCN;};&span::before{content:"";position:absolute;display:block;top:23px;left:17px;width:13px;heig

深一海·2023-09-03 10:44

伪元素到底是一个还是两个冒号？

清楚一点：单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。伪元素由双冒号和伪元素名称组成。双冒号是在css3规范中引入的，用于区分伪类和伪元素。

野生小米椒·2023-09-02 06:44

CSS 选择器总结

iShot2021-06-1320.28.32选择器分类在CSS中，选择器可分为以下几类：基本选择器（通配选择器、元素选择器、类选择器、ID选择器、群组选择器）层次选择器属性选择器伪类选择器伪元素

隐逸王·2023-09-02 00:11

title

html和css能做什么4.网页的组成5.开发工具6.html的结构7.html常用的标签8.css常用的样式9.css选择器10.盒子模型三、1.标签的分类2.内联和内联块元素水平居中3.选择器4.伪元素

糯米小馒头·2023-09-01 22:42

昨天面试的时候被提问到的问题集合（答案）

3、常用伪元素有哪一些？常用的伪元素有before和after。4

@阿猫阿狗~·2023-09-01 20:05

CSS中一个冒号和两个冒号有什么区别(css中:和::的区别)

一个冒号是伪类，两个冒号是伪元素伪类可以独立于文档的元素来分配样式，且可以分配给任何元素，逻辑上和功能上类类似，但是其是预定义的、不存在于文档树中且表达方式也不同，所以叫伪类。

HDdgut·2023-09-01 16:06

昨天面试的时候被提问到的问题集合。

3、常用伪元素有哪一些？4、移动端如何适配不同屏幕尺寸？5、本地存储有哪一些？他们三者有什么区别？6、JS的数据类型？如何判断js的数据类型?7、说一下ES6的新特性有哪些？

@阿猫阿狗~·2023-09-01 06:16

【前端】CSS3新特性

目录一、前言二、伪元素选择器1、选择器2、注意事项3、代码示例三、伪元素清除浮动1、第一种伪元素清除浮动2、第二种伪元素清除浮动四、CSS3盒子模型1、box-sizing：content-box2、box-sizing

爱吃芋圆的兔子·2023-08-31 22:49

css3新特性

目录新增选择器属性选择器结构伪类选择器新增结构(位置)伪类：空伪类目标伪类排除伪类伪元素新增颜色CSS3文本效果text-shadow语法text-overflow语法word-wrap语法word-break

白芸哆·2023-08-31 16:53

input时间表单默认样式修改（input[type=“date“]）

一、时间选择的种类:HTML代码：选择日期：选择时间：在这里插入图片描述选择星期：选择月份：DateTime-Local类型：二、.对日期时间控件的样式进行修改目前WebKit下有如下9个伪元素可以改变日期控件的

程序媛一枚嗯·2023-08-31 04:28

css设置元素宽高比保持不变

代码如下(使用sass预处理器).section{width:100%;&::before{content:'';display:block;padding-top:50%;}}思路：不设置高度，通过创建伪元素并设置

PorkCanteen·2023-08-30 14:00

常用的一些 CSS 技巧二 — 选择器（伪类与伪元素）

你可以看看其他常用的CSS技巧：常用的一些CSS技巧一常用的一些CSS技巧三CSS重置盒模型*,*::before,*::after{box-sizing:border-box;}当与将所有元素边距减为零的重置规则或父规则一起使用时，这会将上边距应用于其他元素后面的所有元素。这是一种快速获得垂直节奏的方法。*+*{margin-top:1.5rem;}如果你真的想更具选择性，那么我喜欢在以下特定情

lio_zero·2023-08-29 12:34

css3伪元素::_CSS伪类：基于元素索引的样式

css3伪元素::Thefollowingisanextractfromourbook,CSSMaster,writtenbyTiffanyB.Brown.Copiesaresoldinstoresworldwide

culi3182·2023-08-29 12:01

CSS（三）-- 伪类选择器与伪元素选择器

1.伪类选择器2.伪元素选择器“伪”是什么？“伪”是指该选择器用来修饰不在文档树中的部分。

普雅^0^雷蒙达·2023-08-29 12:59

css伪类：去除最后一个伪元素

相对于父元素，除最后一个class为item的元素添加伪类.item{position:relative;}.item:not(:last-child)::after{content:"";position:absolute;right:-16%;top:50%;transform:translateY(-50%);width:1px;height:62rpx;background:#ccc;op

@Kacie·2023-08-29 12:28

CSS题目系列（3）- 实现文字切割效果

你可以点下方链接查看效果：https://gd4ark.github.io/blog_demos/2018-11-26/01.html正文先让两个伪元素获取到属性的值，并且将位置调好。

4Ark·2023-08-28 22:37

CSS 选择器及常用属性介绍

引入方式二、CSS选择器-查找标签2.1基本选择器标签选择器ID选择器类选择器通用选择器2.2组合选择器后代选择器儿子选择器毗邻选择器弟弟选择器2.3属性选择器2.4分组和嵌套分组嵌套2.5伪类选择器2.6伪元素选择器

本木夕丶Lu·2023-08-28 09:36

【CSS】网站网格商品展示模块制作 ( 清除浮动需求 | 没有设置高度的盒子且内部设置了浮动 | 使用双伪元素清除浮动 )

一、清除浮动需求(没有设置高度的盒子且内部设置了浮动)绘制的如下模块:在上面的盒子中,没有设置高度,只设置了一个1215px的宽度;在列表中每个列表项都设置了浮动;/*网格商品展示*/.box-bd{/*处理列表间隙导致意外换行问题一排有5个228x270的盒子,其中间隙15像素228*5+15*4=1200像素,但是最后一个盒子右侧添加15像素的右边距地话,会导致最后一个元素掉到第二行,这里需要

song19990524·2023-08-28 07:57

前端开发中的单伪标签清除和双伪标签清除

引言在前端开发中，我们经常会遇到一些样式上的问题，其中之一就是伪元素造成的布局问题。为了解决这个问题，我们可以使用伪标签清除技术。

DevCorner·2023-08-27 11:49

css3有哪些新特性?(包含哪些模块)

以下是整理的21个css3新特性：1.新增选择器p:nth-child(n){color:rgba(255,0,0,0.75)}2.新增伪元素::before和::after3.弹性盒模型display

你的美，让我痴迷·2023-08-27 09:34

必知必会的CSS基础

body默认有8px的margin伪元素天生就存在,默认为display:inline,且必须有content属性设置了position:absolute,float:left/right的元素,会默认把这个元素转化为

冰冰啦·2023-08-27 07:19

手把手教你，Selenium 遇见伪元素该如何处理？

问题发生在很多前端页面中，大家会见到很多：:before、::after元素，比如【百度流量研究院】：比如【百度疫情大数据平台】：以【百度疫情大数据平台】为例，“累计确诊”文本并没有显示在HTML源代码中，如果通过常规的xpath元素定位方式是没办法的，因为“累计确诊”文本并不存在当前页面dom树中。如何处理？我们要弄清楚的是该元素的特殊之处，文本究竟存放在哪？其实很简单，通过Chrome的F12

软件测试潇潇·2023-08-26 21:16

HTML+CSS3实现switch开关

input标签CheckBox类型，label伪元素.my_switch{display:none;}.my_switch+label{display:inline-block;box-sizing:border-box

S拒绝拖延·2023-08-26 09:37

CSS布局全解析

）四、float浮动4.1简单的例子4.2可视化浮动效果4.3清除浮动4.4清除盒子浮动4.4.1设置父元素高度（不推荐）4.4.2增加子容器（不推荐）4.4.3改变下方受影响元素（不推荐）4.4.4伪元素

知心宝贝·2023-08-26 07:30

flex弹性盒布局，最后一行左对齐

使用flex布局，如果是九宫格的话正好可以平分，如图如果是我们只需要八块，如图但是我们想让最后一块左对齐，依次排列，需要在元素的父级增加伪元素after，如图ul{display:flex;flex-wrap

不靠谱的作曲家·2023-08-26 04:48

css设置文字渐变色及文本阴影

文字样式如下代码实现思路：1.文字设置为从坐上到右下的渐变色；2.创建伪元素’88.8’给文字‘88.8’添加阴影效果（注意：伪元素的层级要比本身dom元素的层级低，否则会覆盖在文字上）代码：88.8.

敲代码的TKP·2023-08-26 00:10

前端通过unicode实现通过css多种icon图标

引入我们知道css中有content这一属性，其官方概述是这样的：CSS的contentCSS属性用于在元素的::before和::after伪元素中插入内容。

Freshman小白·2023-08-25 14:47

CSS —— 层叠样式表

前端基础CSS1，css简介2，css语法3，css选择器14，css选择器24.1，伪类选择器4.2，属性选择器4.3，伪元素选择器5，css文字样式6，css样式表的引入方式7，Emmet语法简述8

轻风~~·2023-08-24 21:20

CSS实现一个交互感不错的卡片列表

完整展示当前块+适当旋出效果移动端样式优化、磁吸效果美化滚动条1、涉及的主要知识块flex布局css简单变换+过渡transform、transition渐变色函数linear-gradient…伪类、伪元素滚动条

薛定谔的壳·2023-08-24 21:49

Selenium 遇见伪元素该如何处理?