伪类选择器

【CSS】为什么a标签的伪类选择器要注意书写顺序？

微信订阅号：Rabbit_svip和标签相关的伪类有很多，但最常见（也是初学者最先接触到）的有以下4个。:link:visited:hover:active它们的大概作用分别如下（详细作用以后逐一探讨，这次的主题主要和css的优先级有关）a:link选取用户未访问的标签，而且鼠标没有悬停在其上。a:visited选取已被访问过的标签。a:hover选取鼠标悬停在其上的标签。a:active选取用户
Rabbit_D·2020-09-17 02:45

css结构伪类选择器

Document/*li的第一个孩子*//*li:first-child{color:blue;}*//*li最后一个孩子*//*li:last-child{color:red;}*//*第几个孩子*//*li:nth-child(1){color:red;}li:nth-child(2){color:blue;}li:nth-child(3){color:green;}li:nth-child(
shuhao_Zhang·2020-09-16 03:38

伪类选择器

/*一般按照下面的顺序*//*未访问的连接*/a:link{font-size:16px;color:blue;font-weight:700;}/*已访问过的链接*/a:visited{color:yellow;}/*鼠标悬停效果*/a:hover{color:red;}/*鼠标长按效果*/a:active{color:gray;}
shuhao_Zhang·2020-09-16 03:38

目标伪类选择器target——手风琴效果

手风琴Brand第一个区域Promotion第二个区域Event第三个区域css代码/*设置位置*/.accordionMenu{background:#fff;color:#424242;margin:0auto;width:500px;border:1pxsolidred;font-size:12px;font-family:Arial,Verdana,sans-serif;}/*accord
大老虎Picky·2020-09-16 03:46

目标伪类选择器实现手风琴效果

Paste_Image.png闲话不多说，直接上代码：Title.accordionMenu{background:#fff;color:#424242;font:12pxArial,Verdana,sans-serif;margin:0auto;padding:10px;width:500px;}.accordionMenuh2{margin:5px0;padding:0;position:re
eternal_shallow·2020-09-16 02:41

CSS3目标伪类选择器--实现简单手风琴效果

通过目标伪类选择器“E:target”，显示和隐藏不同栏目内容：先上一幅效果图：全部代码如下:无标题文档.accordinMenu{background:#0FF;color:#F66;font:12pxArial
抽象空间·2020-09-16 02:03

使用CSS3伪类选择器实现简单手风琴效果，与其功能的介绍

1.展示2.原理主要使用了C3选择器中的两个：①:not()：不包含，如div:not(.test)，就是在div中选中不包含有test类的，例如可以配合E:not(:last-of-type)来排除掉最后一个元素并选中剩余的;②:target：目标的id变为location.hash的值时，也就是锚点选中它时来选中它的一种选择器，例如锚点可以通过标签的href里加#来改变。3.测试时遇到两点需要
shalltear·2020-09-16 02:48

前端案例--纯CSS3美化复选框

使用CSS3中的E:checked伪类选择器触发美化表单！
马灿发·2020-09-16 01:31

请写出css中选择器（元素选择器、类选择器、id选择器）的优先级顺序，和当各种选择器组合时，优先级的计算规则是什么？...

通配符*的权重为0,0,0,0标签选择器、伪元素选择器的权重为0,0,0,1类选择器、属性选择器、伪类选择器的权重为0,0,1,0id选择器的权重为0,1,0,0行内样式的权重为1,0,0,0!
weixin_30740295·2020-09-16 01:13

css实现盾牌的动画效果

直接上代码：用伪类选择器去选择每个图片，再进行2d动画的实现body{background:blueviolet;}.div1{width:450px;height:500px;/*border:1pxsolidblack
清风依旧笑春风·2020-09-15 21:25

CSS3选择器之:nth-child()伪类选择器详解

1、语法:nth-child(an+b)注意:(an+b)不能写成(b+an);描述:伪类:nth-child()的参数是an+b，如果按照w3.org上的描述，写成中文，很可能会让人头晕，再加上笔者的文笔水平有限，所以我决定避开an+b的说法，把它拆分成5种写法共5部分来说明。2、用法:2-1.简单数字序号写法--->:nth-child(3);:nth-child(number)直接匹配第nu
Topepy·2020-09-15 18:18

nth-child和nth-of-type

学习CSS的过程中，确实没有遇见过太大的问题，唯独CSS3中的这两个伪类选择器，看的我真的是一脸懵逼。刚开始以为很简单，没太细看，后来在实际使用的过程中，发现自己对他们根本是一知半解。
qq_40660257·2020-09-15 17:36

css 属性

a标签(伪类选择器)未激活的状态a:link{color:pink;};激活后的状态a:visited{color:red;};鼠标悬浮时的状态a:hover{color:green;};鼠标按住时的状态
ZZZ --- jh·2020-09-15 12:51

CSS 选择器

CSS选择器基本选择器层级选择器属性选择器伪元素选择器结构性伪类选择器基本选择器基本选择器解释Id选择器#选择器(id的属性值)Class选择器(类选择器).选择器(class的属性值)标签选择器标签名作为选择器
ZZZ --- jh·2020-09-15 12:51

我的web程序学习记录4

CSS选择器分开成三部分，第一部分是我们常用的部分，我把他叫做基本选择器;第二部分我把他称作是属性选择器，第三部分我把他称作伪类选择器。
zx616122·2020-09-15 12:13

CSS3常见的新增的特性

1.CSS3的选择器结构性伪类选择器E:last-child匹配父元素的最后一个子元素E。E:nth-child(n)匹配父元素的第n个子元素E。
哼,小呀么小胖子·2020-09-15 09:37

属性选择器，兄弟伪类选择器，

属性选择器，通过属性，来选择对应的标签，并设置相应的css样式。/*属性选择器：属性是相对于标签而言。所谓的属性选择器，就是根据指定名称的值来查找元素a)E[attr],表示存在attr属性的E标签；div[class]b)E[attr=val],表示属性值完全等于val；div[class=mydemo]c)E[attr*=val],表示的属性值里包含val字符并且在‘任意’位置；div[cla
xqiitan·2020-09-15 09:37

爬虫笔记pyquery

pyquery构建doc属性选择器样式选择器链式调用多属性定位伪类选择器containsdisableemptyeqevenoddfirstgtlthas()headerhiddenimageinputlastparentpseudopasswordradioresetsubmitselecttext
__IProgrammer·2020-09-15 08:50

jquery选择器之伪类选择器

伪类选择器：:nth-child的用法：nth-child是一个css3伪类选择符,在jQuery中被实现了，在JqueryAPI中对nth-child的定义是：”匹配其父元素下的第N个子或奇偶元素“。
跬步科技·2020-09-15 08:29

pyquery解析库之CSS伪类选择器

下面通过代码实例展示使用pyquery解析库的伪类选择器对HTML节点操作:源代码:frompyqueryimportPyQueryaspyhtml='''thisisli1.thisisli2.thisisli3
GYT0313·2020-09-15 07:59

python中pyquery的使用（获取信息、节点操作、伪类选择器）

5.获取信息获取属性提取到某个PyQuery类型的节点后，可以调用attr()方法来获取属性。frompyqueryimportPyQueryhtml='''firstitemseconditemthreeitemfourthitemfifthitem'''pq=PyQuery(html)a=pq('.item-0.activea')sx=a.attr('href')print(sx)首先选取cl
i我妻善逸·2020-09-15 07:19

CSS3 属性选择器、结构伪类选择器、伪元素选择器详细讲解

属性选择器属性选择器可以根据元素特定属性来选择元素。选择符说明E[att]选择具有att属性的E元素E[att=“val”]选择具有att属性且属性值等于val的E元素E[att^=“val”]匹配具有att属性且属性值以val开头的E元素E[att$=“val”]匹配具有att属性且属性值以val结尾的E元素E[att*=“val”]匹配具有att属性且属性值中含有val的E元素类选择器、伪类选
Foreverの彬爷·2020-09-14 16:07

伪类选择器和伪元素选择器

我们再讲选择器权重的时候提到了类选择器和伪类选择器权重是一样的那么今天我们就拿出来伪类选择器和伪元素选择器单独讲一下：伪类选择器：伪类选择器很简单的理解就是在某种特殊的状态下的样式，比如说“点击链接”这个状态下的样式
weixin_34109408·2020-09-14 16:36

关于伪类选择器，伪元素选择器 后代选择器的一些笔记

后代选择器为（空格）.eeeli选中类名为eee下的所有li后代。子代选择器为>.eee>li选中类名为eee下的所有li子代下一个兄弟ul>li.two+li:选中ul标签下类名为two的li标签下一个人li标签ul>li.two+*选中ul标签下类名为two的li标签下一个标签之后所有兄弟ul>li.two~li选中ul标签下类名为two的li标签后面所有li兄弟标签ul>li.two~*选中
weixin_30762087·2020-09-14 16:53

属性选择器，伪类选择器，伪元素选择器

属性选择器12345属性选择器67/*属性匹配*/8label[for]{9color:deeppink;10text-decoration:underline;11}12/*属性名匹配*/13label[for='pwd']{14color:deeppink;15text-decoration:none;16}17/*以什么结尾匹配*/18label[for$='3']{19color:khak
weixin_30553777·2020-09-14 16:10

伪类选择器&&伪元素选择器

利用伪类选择器&&伪元素选择器可以为文档中不一定具体存在的结构指定样式，或者为某些元素的状态所指示的幻象类指定样式。
flying_huixia·2020-09-14 15:09

css3 - 属性选择器、伪元素选择器、结构性伪类选择器

一、属性选择器html:示例1示例2示例2示例2css:[id=box1]{/*选择id="box1"的标签设置样式*/background-color:pink;}二、伪元素选择器1.first-line伪元素选择器用于为某个元素中的第一行文字使用样式。html：我是一个段落中的第一行我是第二行。css：p::first-line{/*first-line伪元素选择器将第一行文字设为红色*/co
erdouzhang·2020-09-14 13:45

CSS3(一)---属性选择器、结构伪类选择器、伪元素选择器

CSS3属性选择器、结构伪类选择器、伪元素选择器、2D转换、动画、3D装换、浏览器私有转换CSS3是在CSS2上进行扩展1.属性选择器属性选择器权重是10，类选择器、伪类选择器(属性选择器：权重高于标签选择器
nine-seven·2020-09-14 13:49

CSS 伪类选择器和伪元素选择器的区别 样式权重

伪类和伪元素的区别类，用户定义的类名，这个类是具体的，看得见的，如div.div0，选择具有类div0的div元素。伪类，用于向某些选择器添加特殊的效果。用伪类定义的样式并不是作用在标记上，而是作用在标记的状态上，如a标签的:hover，表单元素的:disabled。元素，如div、p、h1等，是实实在在存在的元素。伪元素，是html中不存在的元素，仅在css中用来渲染的，伪元素创建了一个虚拟容器
蒲公英芽·2020-09-14 13:24

CSS选择器[伪类选择器/伪元素 /属性选择器/子选择器/兄弟选择器/否定伪类/样式的继承/选择器的优先级/a的伪类/文本标签/em 和 i 的区别？]

1.伪类选择器伪类专门用来表示元素的一种特殊的状态比如：访问过的超链接、普通的超链接、获取焦点的文本框当我们需要为处在这些特殊状态的元素设置样式时，就可以使用伪类正常链接：-a:link访问过的链接：-
YRyr.*·2020-09-14 13:49

blog-CSS之选择器（属性选择器+伪类选择器+伪元素选择器）

属性选择器1.[attribute]选取带有attribute属性的元素举例：/*选择标签中带有title属性的标签设置背景色为红色*/[title]{background-color:red;}1232.[attribute=value]选择标签中带有attribute属性，并且属性值为value的标签举例：/*选择标签中带有title属性且属性值为num的标签设置背景色为红色*/[title=
vicki_wei·2020-09-14 12:07

伪元素选择器：真实与虚伪只隔一个选择器

书接上文，上回书咱们讲到了一个特殊的选择器，叫做伪类选择器。这类选择器主要是用来设置HTML元素在某种状态下的样式。不是太好掌握，需要仔细地理解、消化，再加上自己的总结才行。
不想成熟的大叔·2020-09-14 12:29

2020-09-13

结构性伪类选择器(style)1:a标签中第一个儿子b采用此样式ab:first-child{color:red}2:a标签中最后一个儿子b采用此样式ab:flast-child{color:red}3
starry__syt·2020-09-14 12:40

CSS进阶

代码书写的位置常见的样式声明层叠继承属性值的计算过程盒模型盒模型的应用改变宽高范围改变背景覆盖范围溢出处理断词规则空白处理行盒模型行盒特点行块盒可替换元素和非可替换元素常规流常规流布局浮动浮动应用场景浮动的基本特点浮动盒子的尺寸特点盒子排列高度坍塌定位position相对定位决定定位固定定位定位下的居中多个定位元素重叠补充更多的选择器更多的伪类选择器更多的伪元
一切源于热爱·2020-09-14 11:31

CSS样式优先级

层叠样式类型有：内联样式；内部样式；外部样式；浏览器用户自定义样式；浏览器默认样式；层叠样式内部的选择器有：id选择器，#id{}；类选择器，.class{}；属性选择器，[title]{}；伪类选择器
yhanw·2020-09-13 19:47

HTML5-CSS3新增特性-（笔记）（1）

H5C3新增特性html5新标签与特性css3新增属性选择器及伪类选择器属性选择器伪类选择器css3新增文本样式文字阴影文字描边渐变线性渐变径向渐变网络字体边框属性border-radius边框圆角box-shadow
Thetimezipsby·2020-09-13 17:47

前端知识点汇总(1)

blinkSafari(苹果浏览器)内核是webkitopera(欧朋浏览器)内核是presto前端知识点——css选择器及其权重css选择分为7种：分别是通配符选择器/标签选择器/伪元素选择器/类名选择器/属性选择器/伪类选择器
yehaocheng520·2020-09-13 07:44

HTML5学习_day13(1)--css3基础属性

css3选择器css2选择器1.标签选择器2.id选择器3.class选择器4.群组选择器5.后代选择器6.伪类选择器(first-child等)7.通配选择器css3选择器:1.子选择器例如:div>
woaiwanshumen·2020-09-13 07:41

HTML5学习_day13(2)--nth-child(n)伪类选择器(多标签时不通过id,class来快速选中标签)

nth-child作用：可以不通过id,class来快速选中标签用法：1234可以通过div:nth-child(2)来快速选中第二个divnth-child(n):n可输出正整数,代表选中第几个控制第8个元素的样式div:nth-child(8){color:red;}注意:第八个元素若不是div标签那没有选中选择第几个元素时不管前面的元素的类型同一个类型标签奇数位置的标签选中div:nth-c
woaiwanshumen·2020-09-13 07:41

css3结构伪类选择器first-child,last-child,nth-child(),nth-last-child()，only-child

1element:first-child选择属于其父元素的首个子元素的element元素注意：div:first-child必须是其父元素下面的第一个子元素且必须是div元素才能匹配的到匹配结果：2同理：element:last-child指定其父元素的最后一个子元素的element元素注意：div:last-child代表其父元素的最后一个元素一定是div才能匹配到3：nth-child(n)选
SBTR123456·2020-09-13 04:35

CSS基础(part21)--CSS3伪元素选择器

学习笔记，仅供参考，有错必究参考自：pink老师教案CSS3伪元素选择器伪类选择器：选择符简介::before在元素内部的前面插入内容::after在元素内部的后面插入内容伪类选择器注意事项：before
安财小山羊·2020-09-12 19:46

CSS选择器

CSS选择器选择器有基础选择器、层次选择器、伪类选择器、伪元素选择器、属性选择器基础选择器：元素选择器（选择元素名）\如：p{color:red;}ID选择器（#号+ID名）\如：#csdn{color
xiaoxiaojinglinger·2020-09-12 13:15

week09_day02&&03_CSS

1CSS主要用于修饰html显示,1.1在html页面引入css1.2选择器就是把css样式用过某种途径和html标签相互关联起来--选择器•标签选择器•类选择器•Id选择器:•复合选择器•伪类选择器•
-玫瑰少年-·2020-09-12 04:54

每天一个前端冷知识系列：CSS 伪类选择器中的: 和 ::区别是什么？

我们在平时工作中或者看到其他一些前端人员写伪类选择器的时候经常能看到有时候一个冒号，有时候两个冒号，而且似乎都是可以的，所以，这两者到底有什么区别呢？
李游Leo·2020-09-11 15:13

CSS 伪类选择器：如何使用 CSS3 伪类

CSS伪类选择器：如何使用CSS3伪类CSS3是个好东西，但也很容易被她的变形（transform）和动画（其中许多特性因浏览器厂商而异）特性所迷惑，因而忘了那些已经被添加到标准规范中的最为基本的选择器
whereismatrix·2020-09-11 11:06

图解CSS3----2-动态伪类选择器

51、link：超连接在没被点击之前的状态；a:link{color:red;}2、visited：超链接在被点击后的状态；a:visited{color:orange;}3、hover：当鼠标悬浮在超链接上的状态；a:hover{color:green;}4、active：当元素被激活后的状态，一般用在锚点或按钮上；button:active{color:blue;}5、focus：当元素获取焦
weixin_34221775·2020-09-11 11:58

css层叠样式优先级总结

，研究起来也深不可测，问起来js可能回答的头头是道，css这么简单的东西，其中一个优先级的问题就能难道大片人，知道有哪些css选择器，大部分人都能回答出常用常见的几个id选择器，类选择器，标签选择器，伪类选择器等
Hellowongwong·2020-09-11 10:06

CSS3属性选择器

CSS3超级选择器属性选择器[att*=val]含有val、[att^=val]开头、[att$=val]结尾结构性伪类选择器伪类元素a:link{color:black;}/*未被访问的链接*/a:visited
uncle_Huang·2020-09-11 10:03

CSS权重全解

CSS的主要选择器有以下几种：标签选择器类选择器伪类选择器ID选择器内嵌选择器CSS的权重就像做官一样，谁的职位大就听谁的。
赵sir来了·2020-09-11 10:02

复习总结14种CSS选择器与权重大小

256进制计算并不是10比1大9的关系divpspan…权重：1div{}2，ID选择器权重：100#idname3，类/类别选择器.calssname权重：104,通配符/通用选择器*{}权重：05.伪类选择器
陈先生。·2020-09-11 09:45
上一页 12 13 14 15 16 17 18 19 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他