css伪类选择器after？

2）最常用的CSS选择器有哪些？

类选择器：通过类名选择类，用“”符号表示，例如“.my-class”表示类名为“my-class”的所有实体。

Id选择器：通过ID名称选择元素，用“#”符号表示，例如“#my-id”表示标签名称为“my-id”的元素。

属性选择器：按属性选择元素，例如“[type='text']”是类型属性文本。

模拟选择器：根据元素的状态或位置选择元素，例如：“:hover”显示鼠标悬停在元素上时的样式。

虚拟元素选择器：您可以对元素的某些部分进行样式设置，例如“::after”表示在元素内容之后添加一个虚拟元素。

后代选择器：选择指定父元素下的后代，例如：“divp”表示所有div元素下的所有子句元素。

以下同级选择器：选择紧随其后的另一个元素，例如“h1+p”表示h1元素之后的第一个段落。

通用选择器：选择所有元素并使用“”符号，例如“”表示选择所有元素。

简单易用的微信小程序CSS选择器::after和::before

前两天看了文档，看到了选择部分。
时间，前四个基本可以理解：section、#id、element、element，但是最后两个::after和::before（根据文档分别指的是在视图节之后和前面插入内容），我有点不明白。
于是我赶紧上网查了一下。
下面是注释：wxml、wxss、js、effect，可以在前面和后面添加，如上所述，不仅是字符串，还可以添加以下内容：常用内容

请参阅本文。
详情

开头句后vuecss伪元素的用法：CSS伪类和伪元素作为可以使用vue过滤器。
嗯，我也是想到这个问题才恍然大悟。

用法：

：after选择器的意思是在被选元素之后插入内容。

必须有一个content属性

实现示例：div按钮后面是一个朝下的图标。
使用方法：

1．姑娘

2.如何实现fakeclass

首先说一下思路：

需要使用两个类，基类('base_class')。
'）和激活类（'旋转'）。

base_class

相对位置。

base_class:after

将图标放在顶部，完美的位置。

不要单独添加旋转，否则会替换base_class后面的。

只有两个类出现时才添加

旋转为boolean变量，true或者变量的false值是由open_sel确定的。
ect_window更改

html:

css选择器类型

h1,h2,p{}//?全部h1,h2,p

1.种族主义的？，婴儿挑选器？？title属性

2.tabp[title='name']:{color:red}选择所有具有title=name属性的标签

34..tabp[title$='po']：{}？t选择Itle属性以po结尾

5tag='nameflower']包含name属性的标签

7,.tabp[title|='name']起始name属性标签

Imperson类不仅可以在链接上工作，还可以在其他实体上工作

：链接？未访问的链接

：已访问的链接

：鼠标活动点击

：悬停？:focus{outline:none})

:点击目标锚点目标选择器

:root?首先是div下的所有子级

最后一个子级div下的所有子级最后位于

：第一个div中p类型的第一个

：p类型最后一个级别？div

：第n个子级（2）？选择作为其父级的第二个子级的元素的每个元素p。

nth-last-child(n)选择器匹配作为第n个子元素的每个元素，从最后一个子元素开始计数，无论元素的类型如何。

：nth-​​last-type(n)选择器匹配相同类型的第n个兄弟成员。

：稍后？文本模拟部分选择器，在每个p元素之后插入内容

：p>

：第一个字母？textfalse类别选择选择器，选择每个p元素的第一个字母

第一行？第一个和最后一个元素

第一个和最后一个元素的伪类选择器

:first-child?withdivp:first-chid

:lastchild?div下的所有最后一个p元素？div:last-child

:first-of-type特定类型的第一个元素（p元素）?divp:first-of-type

最后一个类型？

唯一的选择

：独生子女？表单中的False类选择器

文本中的False类选择器

文本中的False类选择器

补充知识点：

！14px

非继承元素：col或、font大小、字体系列

通配符粗细：0

继承粗细：？空的？样式ID选择器类选择器标签和伪类通配符*继承浏览器默认属性

CSS3选择器

css3中添加了三个属性选择器：

结构性伪类选择器选择器由两个类组成。
一种是伪元素选择器，另一种是伪元素选择器。

对于伪元素选择器，请注意不要将它们命名为与系统特定选择器相同的名称，例如链接、悬停

袖珍元素选择器包括first-line、first-。
信，之前，之后。

格式：否（可选）

1.first-child指定父元素中第一个子元素的样式

2.最后一个孩子它解释了。
父元素中最后一个子元素的样式

3.nth-child(position)定义父元素中指定标识号的子元素的样式

4。
nth-last-child指定与父元素中指定的倒数的子元素样式

2）使用nth-of-(odd)和nth-of-(even)

1)使用nth-child

2)使用nth-child(an+b)这意味着每个循环由多个模式组成，为b定义的模式位于循环的地方。

当元素只有一个子元素时，可以使用单子选择器来代替nth-child(1)/nth-last-child(1)。

在css3选择器中，除了结构伪类选择器之外，还有UI元素状态选择器——如果元素处于某种状态则激活，默认状态下不激活。
。

用js改变输入框输入启用和不可印状态，用css样式改变输入框启用和不可打印时的背景颜色。

用于为同一父组件下的子组件同级的另一个子组件设置样式。

css的伪类选择器有哪些用处?

在CSS世界中，伪类选择器和伪元素选择器是两个特殊的选择器，它们为Web开发人员提供了丰富的样式控制。
今天，我们将深入探讨这两者在网页布局中扮演的重要角色。
伪类选择器，顾名思义，用于选择特定状态下的类，而不是文档结构定义的状态。
它们包括动态模拟类（如：hover）、UI元素状态模拟类（如：enabled和：disabled）和结构模拟类（如：firstchild和：visited），每个类都有自己的。
特定应用条件，例如链接颜色或表单元素可用性状态。
伪元素选择器与伪类选择器完全不同。
伪元素选择器如::first-line、::first-lineoftext用于控制元素之前的内容。
元素内容之后供开发者精确控制页面布局和内容呈现。
伪类和伪元素选择器的主要区别在于，伪专注于特定状态下元素的样式，而伪元素则用于创建新元素以实现特定的样式效果。
这两个选择器都是CSS中非常强大的工具，对于构建动态和交互式Web布局至关重要。
通过有效地使用伪节和伪元素选择器，开发人员可以应用复杂的页面效果和布局调整，使网页更加直观和有吸引力。
掌握它们的用法将为你的前开发之旅带来无限可能。

css伪类选择器有哪些？

CSS样式选择器是什么的解释？

CSS选择器是指确定应用哪个CSS的标签，该标签的名称就是选择器。
意义：选择哪艘船。

CSS选择器分类：

Electrix标签、electrix类、ID选择器、全局选择器、组选择器、子选择器、伪类选择器，

1.electrix标签：

定义：使用HTML标签作为electrix

2．CSS样式

类选择器还可以为不同类型的元素设置同名的不同类型选择器的样式规则：

同一个元素上可以放置多个类，类之间有空格。
分别：

3.ID选择器

定义：在HTML标签中添加ID属性，并使用ID选择器设置该ID元素的CSS规则。
4.

HTML文档结构图

6．降序选择器

定义：使用以空格分隔的电动设置，降序选择器可以多层。
7.伪类选择器

四种状态链接：已恢复状态、已访问状态、未访问状态、鼠标状态。

伪类

描述

：页面

访问过的页面

：访问过

>访问的链接

：悬停

悬停状态

：活动

激活的链接

：悬停已使用toaccess鼠标经过元素时询问；

：active用于元素激活时（即按下鼠标后、鼠标返回前的状态

>伪鼠标返回。
设备的类选择属性：linkvisitedhoveractive

使用说明：

1)?a:active必须放在?a:link和a:visited之间，只有在ted之后才有效

2)a:active必须放在a:active后面才有效

3）不敏感的伪类名

8.CSS其他选择器继承属性

css，元素的一些css属性父级

选择器优先级

ID选择器具有最高优先级。
（定义id选择器是唯一的

第二个选择器是类型（选择器可以是多个

元素选择器是第二个

其他选择器优先。
顺序按照最最后优先级高于

添加选择器的优先级，并在样式规则后添加离散空格

1：使用英文字母、数字和“-”等。
“_”命名

2：不能以小写字母和“-”开头

3：使用有意义的命名约定

常见CSS命名

页眉

页眉

主

主

页脚

页脚

导航

导航

侧边栏

侧边栏

容器

容器

列

列

标题

标签

菜单

菜单

子菜单

子菜单

*使用的常用名称列表，各根据自己项目的规则命名并团队

耐心学习基础知识。
地基是盖房子的基础，必须打牢。

如果您觉得有用，记得点赞、关注、下方留言。
我会一直为大家呈现更多精彩的东西。
分享学习过程中的学习心得，学习笔记，笔试题，HTML、CSS、JavaScript、jQuery教程、Vue教程、PHP教程、TinkPHP教程等，希望把每天的学习作为优先。
目标是每天阅读一篇文章以了解您周围的技术。
与有梦想的人一起成长！

什么是CSS中的选择器？

CSS中常见的选择器：

(1)基本选择器(2)级别选择器(3）动态伪类选择器（4）目标伪类选择器

（5）UI状态伪类选择器（6）（8）伪元素

（1）基本选择器

1.选择器影响很大，所以建议尽可能使用分层选择器

2.（通过类名选择元素，一个类可以应用于多个元素，一个元素也可以使用多种类型，应用灵活，可复用。

3.id选择器：元素权重#有ID名称：0100

4.*通配符选择器：用于选择鲁无素父元素下的子元素，或子元素下的子元素的页面所有元素。
与元素标签结合使用，可以减少和防止整个层次结构中的命名冲突：选择器包括：基本选择器之间用空格分隔，表示后者是前一个选择器。

示例：pa{color:red;}

2.选择器，表明下一个选择器是前一个选择器的后代

示例：any{line-style:ita;}

3.紧接E之后的元素F（等于

示例：a+a{}

4.:E~F:表示获取E之后的所有同级F元素

示例：li~li{}

(3)动态伪类

1.a：在访问锚链接之前添加类

2.a：访问锚点后添加样式已被访问

3.e:hover当鼠标悬停在元素上时添加样式

4.e:active当鼠标点击元素时添加样式

5.:focus在表单元素聚焦时添加样式

(4)target伪类electrix

语法：target:target{attribute:属性值}添加样式到选定的目标

目标：targetE子元素{Attribute：属性值}给选中的target中的E子元素添加样式

(5)uistatus伪类Selector

1.:enabledAdd样式到表单格式化

2.:disabled向禁用表单添加样式

3.:press+E向选定的表单元素添加样式

(6)结构伪类选择器

1.E：第一个出生的元素获得E，并且必须是其父元素的第一个元素。

2.E：child获取E的最后一个元素，且必须是父child的最后一个元素

3.E：nth-​​child(n)获取E的元素并且它必须是父元素的第n个子元素。
数字/2n-1（例如可以用来选择奇数行和偶数行来“改变纹理颜色”

（3）-n+5选择1-5

(4)p:child(-n+3):nth-child(n+2)2-3

4.E:nth-child(n)获取E元素，必须满足从最后开始的以下第n个孩子父元素

5.E：获取元素E的第一个类型，并且必须是父元素的第一个或第一个子元素。
/p>

5.E：if-o*元素E获取并且必须是父元素的子元素

8.E：获取第(n)个元素的第n个元素，并且必须是父元素的倒数第二个子元素

9.E：空E元件获得真空（注意：连空格都不能有

（7）属性选择器

1.E[attr]给E元素添加样式，带有div[class]等attr属性；

2.E[attr="val"]从具有attr值的元素添加val属性样式为p[class="ab"]

3.E[attr*="val"]样式添加属性值的元素属性包含val

例如，ul[class="c"]指的是元素E，其类名包含字母c

4.E[attr^="val"]样式添加attr值以val开头的元素E

5.E[attr$="val"]为attr值以val结尾的元素添加样式

(8)伪元素

1.E::在添加第一个子元素之前。
到E元素

2.E::在E元素的最后一个子元素之后（之后）

3.E::将第一个字母添加到E元素。
设置单词中第一个元素的样式

4.E::第一行给第一个元素添加样式E

5.E::选中元素内容被选中时添加样式（Firefox前缀为-moz-

2），什么是CSS选择器概述？

标签选择器：选择带有标签名称的元素，例如豆园游，“p”表示所有段落。

类选择器：使用“符号”定义的类名来选择元素。

ID选择器：所选元素由其ID名称（使用“#”符号）定义。
例如，“#my-id”表示名称为“my-id”的元素。

属性选择器：按属性选择元素。
分割日期

伪类选择器：按状态或位置选择元素。
例如，“:active”表示鼠标悬停在元素上的样式。

伪元素选择器：可以选择元素某些部分的样式。

后代选择器：选择指定父元素下面的元素。
例如，“divp”表示所有段落元素都位于所有div元素下方。

兄弟相邻元素：紧随其后的元素选择另一个元素。
例如，“h1+p”表示紧跟在h1元素之后的第一个段落元素。

通用选择器：选择所有元素并使用“字符”来定义它。

主要的CSS3选择器有哪些？

1.

标签选择器的基本形式是：tagName{property:value}，其中tagName是标签的名称，property是css属性。

2.

选择器类用于为一系列标签定义相同的方法语句。
其中classValue是类选择器的名称，由css编写者自己命名。
（所有浏览器都支持类选择器，但多类选择器（.className1.className2）不是id选择器。

3.

Id选择器定义特定的html元素。
基本语法形式ID选择器是：#idValue{property:value}，其中idValue是选择器的名称，可以由CSS脚本编写（所有浏览器都支持）。

全局选择器作用于所有htmlz元素。
语法为：*{property:value}/p>

5.多个选择器可以组成复合选择器

6.继承是一个规则，子标签他继承选举人父标签，如果没有定义；

主要用在标签中的伪类选择器：未访问的链接（link）、已访问的链接（visited）、鼠标飞过链接（hover）。
）。
）。

CSS：float伪类选择器

：float用于选择鼠标浮动的元素。
当鼠标处于控制状态时，使用此开关设置元素的样式；

语法：

悬停链接伪类：

●：阅读器可用于所有元素，而不仅仅是链接。

●：页面选择器链接设置访问页面的样式，

●：访问选择器设置访问页面链接的样式

：它设置有源电子。
带链接的样式

注释：要产生所需的效果，必须将:hell放在:link和:visit（如果存在）之后，以便演讲生效。

示例1：更改元素悬停时的背景颜色。

渲染：

示例2：Jane阻止上帝悬停时显示隐藏文本

渲染：

更多相关HTML知识，您可以访问：网络前端自学！!

css中选择器的类型有哪些？

css选择器的主要类型有：

3.

5.类型表示HTML（一种标准计算机语言，使用XML（通用标记语言应用程序）或XML（通用标准标记语言）等格式化格式。
脚本可以协同工作来动态设置各种页面元素的格式。

CSS可以提供​​页面上元素位置的像素级微调控制，支持几乎所有的字体大小和样式，并且具有编辑页面元素和模型样式的能力。

丁鹿学堂前端培训分享：css伪类选择器（一）

css结构伪类是css的复杂选择，这样可以提高项目中样式编写的效率。
:nth-child(n)表示从父元素向上查找第n个元素，范围包括当前元素。
:nth-child(2n)表示选择n个可变位置的所有元素；不过写法是2a，2b,2c等不能使用。
:nth-child(2n+1)表示选择奇数位置的所有元素，同理；n是一个变量。
:nth-child(-n+5)表示选择前5个元素；-n是默认表示法，根据需要选择第一个x；只需添加x即可。
:nth-last-child(n)与:nth-child具有类似的功能；但前者是从前往后计数的，用于查找父元素的最后n个元素。
结构体伪类::nth-type-of(n)用于选择特定类型b的第n个元素，并在父元素下的子元素类型不一致时排除其他元素类型。
例如，当使用divspan:nth-child(4)时，即使找到p元素，仍然会选择螺柱跨度。
然而，divspan:nth-type-of(4)将忽略其他类型的元素；将直接搜索螺柱跨度，并成功选择跨度4进行形态写入。
:nth-last-type-of表示使用:nth-type-of和从特定类型的前到后选择元素ကိုက်ညီပါသည်။