前端css伪类第13页

CSS 选择器的几种方法

CSS选择器的几种方法业余选手爱记笔记示例代码用否定伪类+伪元素用代数式法同胞选择符~相邻同胞选择符+业余选手爱记笔记CSS权威指南（第四版）是一本好书，看了一遍第二章的选择符有些受益，记录一点读后感和练习

yxp_xa·2023-09-29 23:43

css伪类选择器及其兼容性

常用的几个选择子元素的伪类选择器：1.:first-child(兼容性：对于IE8及更早版本的浏览器中的:first-child，必须声明。)匹配选中元素的第一个元素，如图2.

web_xyk·2023-09-29 19:00

css伪类和伪元素

css伪类：给选择器添加特殊的效果。例如:link,:visited,:hover,:focus,:active,:first-child……css伪元素：给选择器设置特殊的效果。

时光是对青春的眷恋·2023-09-29 07:10

2023金九银十必看前端面试题！2w字精品！

6.解释CSS中的伪类和伪元素的区别，并给出一个示例。7.解释CSS中的盒子模型的两种模式：标准模式和怪异模式

奶糖肥晨·2023-09-28 20:36

CSS详细基础（三）复合选择器

复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的，可以更准确、更高效的选择目标元素（标签）常用的复合选择器包括：后代选择器、子选择器、并集选择器、伪类选择器等等~目录一.后代

郝YH是人间理想·2023-09-28 10:21

前端面试题：常见选择器有哪些？选择器的权重

✨通配符选择器*2.选择器div{}3.类选择器.className4.ID选择器#idName5.伪元素选择器p:afterp:before6.伪类选择器a:hovera:link7.结构伪类选择器div

、信仰_·2023-09-28 07:44

css样式优先级

important规定的规则(不建议使用，可能导致debug困难)内联样式，总是会覆盖外部样式ID选择器中定义的样式(如#container)类选择器(如.book)，属性选择器(input[type=text])和伪类

Nice先生的狂想曲·2023-09-28 06:53

Web前端—CSS进阶:复合、后代、子代、并集、交集、伪类选择器、超链接伪类、CSS特性（继承、层叠、优先级(基础选择器、复合选择器)）、Emmet写法、背景属性（背景图、平铺方式、位置、缩放、固定、

版本修改说明20230923初版目录文章目录版本说明目录CSS进阶复合选择器后代选择器子代选择器并集选择器交集选择器伪类选择器超链接伪类CSS特性继承性层叠性优先级基础选择器复合选择器-叠加Emmet写法背景属性背景图平铺方式背景图位置背景图缩放背景图固定背景复合属性显示模式块级元素行内元素行内块元素转换显示模式综合案例一

放下华子我只抽RuiKe5·2023-09-28 00:45

CSS中的伪元素 ::before ::after

常见伪类——:hover,:link,:active,:target,:not(),:focus。

疆~·2023-09-27 08:15

CSS之伪类和伪元素 | :before和::before

如&:hover相当于上一级元素:hover:hover伪类:before伪元素，在元素之前加入某内容（一定要写content）display:none；隐藏对象。

要加油哦～·2023-09-27 08:08

input 文本框里的放字体图标的方法

input文本框里的放字体图标的方法input文本框没有:after和:before这连个伪类，所以就用label标签将他包起来，给label:after或者:before，还有就是我们要给input添加

xk_initial·2023-09-27 07:55

CSS笔记——伪类和伪元素

1、伪类伪类是用于为元素在某些特定状态下添加样式的选择器。它们可以让我们为用户与页面交互时元素的外观和行为进行样式定义。

Bqiuer·2023-09-26 16:51

JS的继承方式

1.构造函数2.原形继承3.伪类继承(摈弃)4.函数化继承5.圣杯继承模式函数化继承关键字:成员私有化对象说明符函数化构造器返回对象图片发自App其中spec是传入的对象说明符，my是为继承链中的构造器提供共享的容器返回的对象可以访问对象说明符

巨佬的搬运工·2023-09-26 12:45

uniapp:tabBar点击后设置动画效果

APP端不支持dom操作，也不支持active伪类，绞尽脑汁也没办法给uniapp原生的tabBar点击加动画效果，所以最终只能舍弃原生tabBar，改用自定义tabBar。

粉末的沉淀·2023-09-26 11:34

替换元素的妙用1

因为像img等替换元素是没有伪类的::before,::after,可以用其特征实现，图片未加载时信息的显示效果替换元素的妙用1img{display:inline-block;width:200px;

阿古瓜·2023-09-26 05:36

CSS笔记——触发式动画Transition、主动式动画Animation、Transfrom 动画、CSS 3D 动画、阴影和滤镜样式

CSS动画一、触发式动画Transitiontransition过渡动画，一般配合伪类使用属性值：transition-duration：指定过渡效果的持续时间，以秒或毫秒为单位。

Bqiuer·2023-09-26 05:46

最全 HTML + CSS 笔记

html标签————meta标签————a标签————图片类型————webp图片格式————base64————内联框架————引入音频————转义符CSS编程语言——css文件——CSS选择器——伪类

The_RedMaple·2023-09-26 05:40

前端训练营学习笔记——CSS概览和CSS选择器

目录1CSS总论1.1CSS语法的研究1.2@规则的研究1.3CSS规则的结构1.4利用爬虫收集标准2CSS选择器2.1选择器语法2.2选择器的优先级2.3伪类2.4伪元素1CSS总论1.1CSS语法的研究建立知识体系

Blateyang·2023-09-26 05:39

前端CSS设置字体

设置前端字体在前端开发中，你可以使用CSS来设置字体，以改变网页中的文本样式。以下是如何设置字体的示例：使用Web安全字体：Web安全字体是一组在大多数操作系统和浏览器中都可用的字体。你可以使用这些字体来确保你的网页在不同设备上都能正确显示。body{font-family:Arial,sans-serif;/*选择一个Web安全字体，或提供多个备选项*/}使用自定义字体：你还可以使用自定义字体，

IDIOT___IDIOT·2023-09-26 04:17

SCSS初探-2

SCSS选择器扩展了解BEM命名法Bem是块（Block）、元素（Element）、修饰符（Modifier）的简写，由Yandex(俄罗斯)团队提出的一种前端CSS命名方法论。.

YYPL·2023-09-25 19:15

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

另一种方法是用子元素的伪类将父元素高度撑开。【

刷题刷到手抽筋·2023-09-25 13:21

CSS基础

目录一.CSS介绍三种CSS的写法1.内部样式2.内联样式3.外部表示二.CSS选择器1.标签选择器2.类选择器编辑3.ID选择器编辑4.后代选择器编辑5.子选择器6.并集选择器7.伪类选择器三.CSS

Roylele732·2023-09-25 09:59

html伪类鼠标悬停,实现鼠标悬停Tooltip效果的CSS3代码

Tooltip是个应用非常广泛的东西，指的是鼠标移到图片或者按钮等元素上时弹出的一个用于描述图片或者说明按钮功能的提示文本，就比如下图的这个东西。html其实也有内置的“Tooltip”，比如下面的代码鼠标移到图片上时，就会在图片上方弹出内容为“这是一只可爱的小猫”的文本提示框。当然了，这个默认的“Tooltip”应用范围窄，而且样式使用操作系统默认的效果，很难跟页面融合。所以我们还是自己制作这样

weixin_39918690·2023-09-24 21:29

【Java Web】CSS

层叠样式表2.标签1.注释2.三种书写样式1.内部样式2.内联样式3.外部样式3.CSS选择器（1）标签选择器（2）类选择器（3）ID选择器复合选择器（5）后代选择器（6）子选择器（7）并集选择器（8）伪类选择器

去北极避暑~·2023-09-24 06:15

CSS的伪类和伪元素

之前介绍了8种选择器,基本上可以应对大部分的开发需求，但是如果不会使用伪类和伪元素，就跟下面的图差不多，后面会摔的。伪元素和伪类虽然不是特别常用，但是，很好用，可以帮你省掉很多无用功，效果还好。

酸菜鱼黄焖鸡·2023-09-23 11:25

web前端css布局图,web前端之CSS 布局经典问题整理

CSS定位问题主要就是经典的绝对定位，相对定位问题。10个文档学布局：通过十个例子讲解布局，主要涉及相对布局，绝对布局，浮动。HTML和CSS高级指南之二——定位详解(译文)：介绍浮动的使用，详细介绍定位的技巧，包括如何准确的给元素在X轴、Y轴和Z轴定位三栏式布局涉及浮动和清除浮动，主要讲解“圣杯”和“双飞翼”两种解决方法。这两种方法实现的都是三栏布局，两边的盒子宽度固定，中间盒子自适应，它们实现

VS华·2023-09-23 09:15

选择器的优先级

**优先级的规则*内联样式，优先级1000*id选择器，优先级100*类和伪类，优先级10*元素选择器，优先级1*通配*

虎三呀·2023-09-23 07:37

CSS

具有唯一性格式：#+id名3.类选择器（推荐）4.层级选择器它可以和别的选择器混合使用无需重命名就能通过父类设置子集5.组选择器用法：.box1,.box2,.box3{}就是对一堆的类进行批量操作，修改6.伪类及伪元

晴耕雨读38065·2023-09-22 23:18

【flex布局】解决：使用justify-content排列，一行四个，最后一行少于四个时，排列不会与上面的对齐

space-between;.item{width:calc(25%-10px);height:200px;margin-bottom:20px;background:pink;}}以上是正常操作，然后就得到了：利用伪类元素就可以达到我想要的效果

湛海不过深蓝·2023-09-22 17:20

css知识学习系列（3）-每天10个知识点

目录1.伪类与伪元素在CSS中，伪类和伪元素有什么区别？请举例说明。2.文字与字体在CSS中，如何设置文字的大小和字体？你如何加载外部字体？3.布局在CSS中，你如何对元素进行垂直居中？

云边散步·2023-09-22 06:57

css知识学习系列（9）-每天10个知识点

**在CSS中，你如何使用“:hover”伪类来改变鼠标悬停状态的样式？**3.**CSS中的“opacity”属性和透明度有什么关系？**4.

云边散步·2023-09-22 05:02

css知识学习系列（8）-每天10个知识点

**请解释一下CSS中的伪类和伪元素有什么区别？**4.**在CSS中，你如何使用“overflow”属性处理元素内容溢出的情况？**5.

云边散步·2023-09-22 05:01

HTML/CSS: 浅谈 标签及伪类选择器

1.基础知识“超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。”—HTML链接而对于超文本，简单的说便是通过一个特定的标识符，定位到文本所在的地方，然后将其链接到本页面中。详细请参考：什么是超文本相对路径：就是指由这个文件所在的路径引起的跟其它文件（或文件夹）的路径关系。简单的说便是以当前文件为参考点而继续补充的路径。例如：在a

小威威__·2023-09-22 05:30

CSS复合选择器及CSS背景

CSS复合选择器及CSS背景1.CSS复合选择器1.后代选择器2.子元素选择器3.交集选择器4.并集选择器5.链接伪类选择器6.复合选择器总结2.标签显示模式1.什么是标签显示模式2.块级元素3.行内元素

醉月无归·2023-09-22 05:56

css定位的百分比的算法,css定位中的百分比

左右不对称定律·2023-09-22 03:00

CSS基础 2

目录Emmet语法快速生成HTML结构语法快速生成CSS样式VSCode代码格式化复合选择器后代选择器子元素选择器选择器的练习并集选择器伪类选择器链接伪类如何使用注意事项:focus伪类选择器复合选择器总结

niceffking·2023-09-22 00:26

nth-child和nth-of-type的区别

nth-child和nth-of-type是比较常用的一个伪类选择器，过去一直没在意这个，今天发现原来他们之间还有这样的区别，记录一下。

ccattempt·2023-09-21 15:46

CSS3教程

1选择器CSS选择器参考手册我们可以将CSS选择器分为五类：简单选择器（根据名称、id、类来选取元素）组合器选择器（根据它们之间的特定关系来选取元素）伪类选择器（根据特定状态选取元素）伪元素选择器（选取元素的一部分并设置其样式

万事包办·2023-09-21 13:56

移动端1px 像素边框

移动端1px像素采用伪类元素的transform:scale(.5);方法实现，记录一下.modileBorder{position:relative;&::after{position:absolute

郝艳峰Vip·2023-09-21 11:40

选择器的使用

目录层级选择器属性选择器伪类选择器结构伪类选择器目标伪类选择器状态伪类选择器层级选择器/*子代选择器：选出box下的所有li标签*/.box>li{background-color:aliceblue;

一个尚在学习的计算机小白·2023-09-21 00:51

【饥人谷前端课程】课程大纲

、JavaScript发展历史介绍、新技术介绍）、如何学习（2课时）命令行入门、Git的使用（2课时）HTMLCSS基础讲解（4课时）CSS核心知识点讲解(盒模型、浮动、定位、BFC)（6课时）兼容、伪类

秋羊·2023-09-20 19:40

伪类:active在iOS移动端无效的问题

Bydefault,SafariMobiledoesnotusethe:activestateunlessthereisatouchstarteventhandlerontherelevantelementoronthe.意思在iOS设备上，需要在关联的元素，或其上级元素，或body/html元素上注册一个空的touchstart回调。purejsgetElementById('myView').

费麭·2023-09-20 15:43

css中的 :root

:root是一个伪类，表示文档根元素，所有主流浏览器均支持:root选择器，除了IE8及更早的版本。

只会cv的小前端·2023-09-20 09:41

【全面】CSS3新增了哪些新特性？

目录一、选择器的扩展1.属性选择器2.伪类选择器3.伪元素选择器二、盒子模型的增强1.box-sizing属性2.边框圆角（border-radius）3.盒阴影（box-shadow）三、过渡和动画效果

小五Five·2023-09-20 07:36

html css中margin的用法

实现在浏览器水平自动居中2、margin实现贴边3、使用margin垂直外边距的合并示例：4、margin-top的塌陷问题1、外部盒子设置一个边框2、外部盒子设置overflow:hidden3、使用伪类

郭庆汝·2023-09-20 05:53

前端面试题（持续更新）

important>内嵌1000>Id100>class=[]=伪类10>tag=伪元素1>(*+>~)0什么是BFC块级格式化上下

Tymarry·2023-09-19 20:14

笔记：CSS伪类选择器hover link visited active

:hover选择器：用于选择鼠标指针悬浮在上面的元素。（可用于所有元素，不单单只限于链接）:link选择器：用于设置指向未被访问页面的链接的样式。:visited选择器：用于设置指向已被访问的页面的链接的样式。:active选择器：用于设置活动链接的样式。（即鼠标点击的时候）ps：:hover必须位于:link和:visited之后（如果存在的话），这样样式才能生效。

成碌chan甘啊你·2023-09-19 09:05

CSS中：和：：

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

影Z·2023-09-19 09:33

链接伪类选择器中link颜色调试不出来的情况(a:link)

今天我也是遇到了这种情况，link标签的颜色，怎么也调试不出来,经过找资料和不断地尝试终于找出来原因！原因就是你已经打开你的网页，点击你的链接（打开过一次了），之后就是再怎么刷新，甚至关掉软件都是行不通的，只有修改一下链接地址才可以。如上代码用的是华为的网址，当你换成小米、京东网址后打开不再点击就是可以的。总结：打开新建的网页后不要点击就可以一直看得到，如果点击过，那就换一个新地址，保存重新打开就

周百万.·2023-09-19 09:03

CSS中：和：： &