伪类第3页

Web前端HTML5&CSS3初学者零基础入门——第四天

开始进入CSS的学习目录1.css简介2.css基本语法3.常用选择器4.复合选择器5.关系选择器6.属性选择器7.伪类选择器8.伪元素选择器9.餐厅练习知识一：css简介Documentp{color

please tell me·2024-02-06 08:05

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

文章目录:1.复合选择器1.1后代选择器1.2子代选择器1.3并集选择器1.4交集选择器(了解)2.伪类选择器2.1伪类-文本2.2伪类-超链接（拓展)1.复合选择器什么叫复合选择器?

小徐要考研·2024-02-06 08:33

蓝桥杯Web应用开发-CSS 基础语法4（字体属性、链接中的伪类、列表样式）

专栏持续更新中字体属性字体属性用于定义字体的类型、字号大小、加粗、斜体等方面样式。常用的字体属性如下表所示：属性可取值描述fontfont-style、font-variant、font-weight、font-size（或line-height）、font-family在一个声明中设置所有的字体属性font-family字体名称、inherit设置字体类型font-sizexx-small、x-

AAA_建筑材料批发叶总·2024-02-05 21:32

css伪类中content使用变量

.sc-cardTitle::after{content:attr(data-attr);width:100px;position:absolute;top:13px;left:10px;color:#3f3f3f;font-size:18px;font-weight:900;}

Time202051·2024-02-05 19:01

css样式权重计算规则,CSS 选择器权重计算规则详解

2、内联h1{font-size:20px;color:#123;}3、外部二、选择器类型ID#idclass.class标签p通用*属性[type="text"]伪类：hover伪元素::first-line

Darren zzz·2024-02-05 18:37

CSS选择器的种类及介绍

name",id="name_txt"）4.全局选择器（如：*号）5.组合选择器（如：.head.head_logo,注意两选择器用空格键分开）6.继承选择器（如：divp,注意两选择器用空格键分开）7.伪类选择器

weixin_34006965·2024-02-05 18:37

前端学习第4天

一、复合选择器1.后代选择器2.子代选择器3.并集选择器4.交集选择器5.伪类选择器1.伪类-超链接（拓展）二、CSS特性1.继承性body放在style中2.层叠性3.优先级属性+!

qingxi_ran·2024-02-05 13:46

3w字CSS知识总结~就不信还不全(得意)

2.1基础选择器2.1标签选择器(元素选择器)2.1.2类选择器2.1.3id选择器2.1.4通配符选择器2.2复合选择器2.2.1后代选择器(包含选择器)2.2.2子选择器2.2.3并集选择器2.2.4伪类选择器

高小小天·2024-02-05 08:42

CSS基础

CSS基础目录CSS基础概述CSS基础语法内嵌用法CSS选择器元素选择器类选择器ID选择器包含选择器组合选择器父子选择器毗邻选择器属性选择器通用选择器CSS基本属性盒模型字体文本背景边框伪类和伪元素伪类

Az_plus·2024-02-04 21:24

CSS的复合选择器

一，什么是复合选择器常用的复合选择器有：后代选择器、子选择器、并集选择器和伪类选择器。二，后代选择器（用空格）（重点）后代选择器也称包含选择器，可以选择父元素里面的子元素。

代码鲨我·2024-02-04 13:23

CSS3中新增的元素伪类选择器

元素伪类选择器p:first-of-type选择其父元素的首个P元素p:first-child选择其父元素的首个p元素(一定是p才行)p:last-of-type选择其父元素的最后的一个P元素p:last-child

旧忆ajm·2024-02-04 10:12

【前端学习】CSS入门

前端学习：CSS入门文章目录前端学习：CSS入门前言1、class011.我的第一个CSS2.导入方式3.基本选择器(1)ID选择器(2)标签选择器(3)类选择器4.层次选择器5.结构伪类选择器6.属性选择器

woodwhale·2024-02-04 10:59

伪类选择器和伪元素

1.正常链接x:link{color:green;}2.访问过的链接x:visited{color:yellow;}注:(只能定义字体颜色，不能定义字号)3.鼠标滑过的链接x:hover{color:skyblue;}4.正在点击的链接x:active{color:black;}5.获取焦点x:focus{backgroud-color:orange;}6.选中的元素x::selection{ba

卑微小利·2024-02-04 06:32

【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

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

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

推荐频道

伪类