前端css伪类第3页

web前端css学习笔记(2)——选择器

目录前言一、CSS选择器1.通配选择器2.元素选择器3.类选择器4.ID选择器二、复合选择器1.交集选择器2.并集选择器3.后代选择器4.子代选择器5.兄弟选择器6.属性选择器总结前言本篇学习CSS选择器，内容比较复杂易混。一、CSS选择器1.通配选择器可以选中所有的HTML元素，一般用于清除样式*{属性名:属性值;}2.元素选择器为页面中某种元素统一设置样式h1{color:orange;fon

果粒橙_·2024-02-03 09:31

【Web前端笔记07】CSS选择器

目录07CSS选择器一、关系选择器二、伪类选择器三、伪对象选择器四、属性选择器总结07CSS选择器一、关系选择器后代选择器EF{}(所有被E元素包含的F元素，中间用空格隔开)通用兄弟选择器E~F{}(选择

墨倾许·2024-02-03 09:57

CSS3的新特性

：类选择器，属性选择器，伪类选择器，权重为10二，新增结构伪类选择器：//：nth-childnth-child选择器！！！

Mon trésor.88·2024-02-02 16:53

CSS3的新盒子，选择器等

新增的选择器：属性选择器：结构伪类选择选器：nth较为重要：但公式中的字母必须是n区别：nth-child：认为父类下的都是儿子，此时就需要有对应的需要，如下，此时即使排1，但是1是p而选择器是div使得结果不能够将结果表达

爱踢粪球的虫·2024-02-02 16:53

css 伪类和伪元素

伪类Pseudo-class类似于python的装饰器，放在选择器的元素后面，标明元素的某些部分或者属性，情况伪类们实例：MozillaDeveloperNetworka:visited{color:blue

伊藤美来·2024-02-02 10:58

web前端开发--------阴影与转换

1.阴影分为文本阴影和盒子阴影我们使用text-shadow属性为文本添加阴影效果，使用结构伪类为第一个子元素p添加阴影效果；水平偏移量为负值时，表示阴影向左偏移；垂直偏移量为负值时，表示阴影向上偏移

阑梦清川·2024-02-02 07:10

前端CSS的相对定位、绝对定位、固定定位

相对定位position:relative相对定位，就是微调元素位置的。元素相对自己原来的位置，进行位置的微调。也就是说，如果一个盒子想进行位置调整，那么就要使用相对定位了。相对定位position:relative;→必须先声明，自己要相对定位了，left:100px;→然后进行调整。top:150px;→然后进行调整。相对定位的特性-不脱标,老家留坑,形影分离不脱标,老家留坑,形影分离相对定位

王裕杰·2024-02-01 18:33

li表格border重叠问题解决

表格在正常书写中添加边框会出现两个连在一起的现象,下面是其中一个解决方案，改变前显示1.给表格表框重叠方向加上margin值，代码如图加上margin-left后如图2.使用伪类选择器:nth-child

一爷之秋·2024-02-01 18:33

CSS 中的 :is(), :where(), 和 :has() 选择器简介

:is()选择器:is()选择器是一个功能强大的CSS伪类，它允许你在一个规则中指定多个选择器。这意味着你可以用

南城FE·2024-02-01 16:47

【CSS】css获取子元素的父元素，即通过子元素选择父元素（使用CSS伪类 :has() :not() ）

这里写目录标题一、:has获取第一个div获取包含a.active的li获取第二个div二、:not除了类名为active的a,其他的a的字体都为18px标题测试1测试24444一、:has:has伪类接受一个选择器组作为参数获取第一个

香菜啵子欸·2024-02-01 16:12

web前端入门到实战：仅3行核心css代码的rate评分组件，秀到头皮发麻

rate评分❗核心代码也就三行效果图原理梳理如下：去找个好看的iconfont，[Iconfont-阿里巴巴矢量图标库]、；借用5个radio单选框，把默认样式都去掉，显示默认的星星；用checked伪类监听用户选中

大前端世界·2024-02-01 13:31

2020-07-21

css选择器有哪些，选择器的权重的优先级选择器类型1、ID#id2、class.class3、标签p4、通用*5、属性[type="text"]6、伪类：hover7、伪元素::first-line8、

coderldf·2024-02-01 12:33

html怎么禁用伪类,CSS 伪类

CSS伪类(Pseudo-classes)CSS伪类是用来添加一些选择器的特殊效果。

葛瞳·2024-02-01 06:11

html标签伪类,伪类

选择器分类在CSS中，选择器可分为以下几类：基本选择器(通配选择伪元素和伪类2021-06-1310:05:13伪元素和伪类的根本区别：是否创造

初夏之菡·2024-02-01 06:41

HTML-超链接伪类

一、访没访问过超链接是超链接的两种状态二、超链接伪类的四个类型1.:link---没访问过的链接2.:visited---访问过的链接注意：1、2只可用在a元素上3.

wpyyyy@·2024-02-01 06:37

html伪类选择器

1,:hover就是响应鼠标滑过的选择器，当你给标签加上的时候，鼠标一滑过就会发生你再里面定义的事件。比如鼠标一滑过就让他出现阴影，并且往上移动。2,::after，::before就是在当前标签的前加上想加的内容。比如这两条线。他们不是边框，是after，::before。想让他们实现的内容出现在标签旁的任意位置可以采用父相子绝的定位方式。3，:focus就是当前标签获得焦点的时候触发的。如果你

小码农求轻虐·2024-02-01 06:37

【伪类·HTML】

伪类在CSS中，伪类是添加到选择器的关键字，给指定元素设置一些特殊状态，以:开头。链接有以下四个状态。这四种状态也称之为超链接的伪类。

久靥_·2024-02-01 06:30

前端面试HTML常考问题总结

DOCTYPE（文档类型）标签：head：body:H5新特性伪类和伪元素伪类：伪元素：html5语义化标签常用语义化标签：其它语义化标签：语义化标签优点：src和href的区别src（同步加载执行）href

turbo夏日漱石·2024-01-31 19:47

前端三刺客---CSS

文章目录CSS基本语法规范CSS的引入方式选择器选择器种类基础选择器1.标签选择器2.类选择器3.id选择器4.通配符选择器复合选择器后代选择器子选择器并集选择器伪类选择器字体属性设置字体设置大小设置粗细文字样式设置文本颜色文本属性文本对齐文本装饰文本缩进设置行高背景属性背景颜色背景图片背景平铺背景位置背景尺寸圆角矩形元素的显示模式块级元素行内元素行内元素和块级元素的区别改变显示模式盒模型边框边框

心有猛虎嗅蔷薇·2024-01-31 10:08

前端CSS基础：CSS文本属性这一篇足够

CSSText（文本）属性可以定义文本的外观，比如文本的颜色、对齐文本、装饰文本、文本缩进、行间距等。1.文本颜色------colorcolor属性用于定义文本的颜色。span{color:red;}上面就是将span标签中的文本颜色改为红色。表示方式属性值颜色单词（预定义的颜色值）red、blue、pink......十六进制型（最常用）#FFFFFF、#CCC......RGB型（RGB是r

头顶一只喵喵·2024-01-30 22:26

selenium总结-css 定位高级语法

糖果店的幽灵·2024-01-30 09:42

css 伪类选择器

伪类是一套选择器的特殊状态，伪类选择器用于向某些选择器添加特殊的效果，比如给链接添加特殊的效果，选择第一个或第n个元素，伪类选择器用一个冒号表示，比如：hover、：first-child等伪类选择器最常用的是动态伪类选择器

王帅康_2022公益强化班·2024-01-30 08:51

CSS3伪元素、伪类选择器

伪类选择器：:link:未访问的链接。:visited:已访问的链接。:hover:鼠标移动到链接

强哥科技兴·2024-01-30 03:39

前端——CSS

目录文章目录前言一.CSS简介1.CSS选择器2.CSS选择器语法3.CSS样式引入4.CSS高级选择器二.CSS样式1.字体编辑2.文本3.背景4.边框5.边距6.浮动7.清除浮动8.定位9.列表样式10.伪类样式三

多喝烧碱·2024-01-29 14:59

弹性盒伪类图片

box-sizing:border-box开启怪异盒模型boxsizing:content-box默认标准盒模型dispaly:flex设置为弹性盒display:inline-flex;行内块元素弹性盒flex-direction主轴排列方式column侧重排列row默认水平方向row-reverse翻转横向排列column-reverse翻转纵向排列justify-content:主轴对齐方式

一个健康马·2024-01-29 10:48

【前端】快速掌握CSS-盒子模型

文章目录一、选择器1.结构伪类选择器基本使用:nth-child(公式)2.伪元素选择器二、PxCook三、盒子模型1.盒子模型-组成2.边框线(1)四个方向相同(2)单方向边框线2.内边距3.尺寸计算

gravity_w·2024-01-28 23:43

CSS复合选择器

目录1.什么是复合选择器2.后代选择器3.子选择器4.并集选择器5.伪类选择器5.1链接伪类选择器5.2:focus伪类选择器6.总结7.补充7.1相邻兄弟选择器（也叫加号选择器）7.2通用兄弟选择器（

hzttaoh·2024-01-28 20:24

9、css3选择器、阴影、圆角边框、背景、怪异模型

css3选择器：包括：属性选择器、伪类选择器、伪元素选择器属性选择器选择所有带有x属性的元素【x】选择所有带有x属性名且属性值是y的元素【x=“y”】选择所有带有x属性名且属性值是包含子字符串y的元素【

@zyf哈哈哈哈·2024-01-28 15:42

day05-盒子模型

01-选择器结构伪类选择器基本使用作用：根据元素的结构关系查找元素。

是程序喵呀·2024-01-28 11:27

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

伪选择器，分为伪类选择器和伪元素选择器两个大类。伪类选择器，简称伪类；伪元素选择器，简称伪元素。在网页中，有些元素的状态是动态变化的，该元素会根据其状态呈现不同的样式。

阑梦清川·2024-01-27 10:26

【CSS】关于css的transition属性

transition属性通常与伪类（例如:hover）一起使用，当用户与页面元素交互时创建动画效果。基本语法：selector{transition:propertydurationti

a辰龙a·2024-01-27 07:35

2024 高级前端面试题之 CSS 「精选篇」

6.清除浮动7.link与@import的区别8.CSS3的新特性9.CSS动画和过渡10.有哪些方式（CSS）可以隐藏页面元素11.说说em/px/rem/vh/vw区别12.flex布局13.关于伪类

八了个戒·2024-01-27 06:55

编程笔记 html5&css&js 052 CSS伪类

编程笔记html5&css&js052CSS伪类一、CSS伪类二、锚伪类三、伪类和CSS类四、CSS-:first-child伪类五、CSS-:lang伪类六、所有CSS伪类伪类可以理解为元素的特定状态

明月看潮生·2024-01-27 03:21

2024总结-前端面试题（全）

选择器的优先级规则是：内联样式>ID选择器>类选择器、属性选择器、伪类选择器>元素选择器>通用选择器。同时，使用!important可以提升

厚积薄发的Cicci·2024-01-26 19:39

前端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