E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
first-child
伪类的粗略解析,记忆
伪类的特性:(样式或者标签):伪类名称(
first-child
,last-child)a:link{}只有当a标签里面设置href属性值时才有用,状态:未访问链接时a:visited{}当a链接标签被访问时设置的样式
雨泉十代
·
2020-03-24 22:32
CSS3选择器(first-of-type与
first-child
区别)
css选择器中:
first-child
与:first-of-type的区别:
first-child
选择器是css2中定义的选择器,从字面意思上来看也很好理解,就是第一个子元素。
六月繁花开
·
2020-03-24 18:07
伪类和伪元素的区别
伪类:向某些选择器中添加特殊的效果伪元素:将一些特殊的效果添加到某些选择器自己的个人理解伪类就是一些状态,比如:hover、:active、:link、:visited、:
first-child
、:focus
GpingFeng
·
2020-03-22 17:28
jQuery|容易混淆的first、
first-child
、first-of-type
first与
first-child
在使用过程中容易混淆。这次我们就把他理清楚。其实这是两个概念。first:指集合中的第一个。举例:7层楼住户的第一户。
志辉撩码
·
2020-03-21 06:57
first-child
和first-of-type的区别
关于div:first-childdiv:
first-child
{color:red;}//first-childaabbccdd运行结果如下first.png我们发现字体全部都变成了红色。
饥人谷_醉眼天涯
·
2020-03-20 16:38
:first chlid和:first-of-type的区别
E:
first-child
选中的是作为其父元素第一个子元素的元素EE:first-of-type选中的是作为其父元素中第一个出现的元素E,可以不是其父元素的第一个子元素。
黄露hl
·
2020-03-16 12:25
CSS3
first-child
nth-last-child 响应不同数量宽度
项目中有一个需求,二级导航栏子项目数量不定,但都是均分排列。这时候怎么处理呢?很容易处理js计算,长度除以个数。js动态计算出来。这样有一个问题,当DOM加载完毕后再js修改样式属性,回发现导航闪一下。所以css处理是很好的办法。display:flex是一个不错的办法。然而flex在ie9不支持。无法做到优雅的降级。在阅读了大漠的文章后发现first-childnth-last-child似乎是
Alee文润
·
2020-03-16 01:51
[JavaScript] $.fn.animate
callback);$(selector).animate(styles,options);用于执行自定义动画,通过CSS样式,将一个状态改变为另一个状态例如:$container.find('>span:
first-child
何幻
·
2020-03-15 23:40
2017-02-16 HTML5学习笔记
序选择器CSS3中新增的选择器最具代表性的就是序选择器同级别序选择器:
first-child
选中同级别中的第一个标签:last-child选中同级别中的最后一个标签:nth-child(n)选中同级别中的第
GodlinE
·
2020-03-15 18:43
CSS3中的奇偶行选择
class为d,想要给偶数个的div样式,代码为:.d:nth-child(2n){css样式代码}奇数个代码为:.d:nth-child(2n+1){css样式代码}扩展一下思维~选择第一个的代码为:.d:
first-child
孤屿孤行
·
2020-03-15 11:58
CSS nth-child、
first-child
、last-child、nth-of-type、first-of-type和last-of-type选择器兼容性
以下示例主要讲解nth-child、
first-child
、last-child、nth-of-type、first-of-type和last-of-type使用。
王翔爱摇滚乐爱电影爱心理学爱哲
·
2020-03-15 08:05
选择器与css的一些用法
1.选择器例如:div>p:
first-child
{color:blue;}01020304050607080910我你1.1.div>p:first-chlid{color:pink}代表div子元素是
天天_哥
·
2020-03-11 01:40
css 伪元素选择器
1伪元素选择器(1)根元素选择器:root{boredr:1pxsolidred;}匹配文档中根元素(2)子元素选择器ul>li:
first-child
{color:red;}选择第一个子元素lu>li
allenMun
·
2020-03-10 22:36
html---序选择器
1、同级别::
first-child
选中同级别中的第一个标签:last-child选中同级别中的最后一个标签:nth-child(n)选中同级别中的第n个标签:nth-last-child(n)选中同级别中的倒数第
青春前行
·
2020-03-09 00:22
day08
选择器的扩展内容1.选择第一个子元素div>p:
first-child
{}选择div里面第一个子元素2.选择最后一个子元素div>p:last-child{}选择div里面最后一个子元素3.选择某一个子元素
余昌帅
·
2020-03-07 06:52
2019-04-04文本,尺寸,边框,颜色设置
htmlcss.box{样式}3)id选择器htmlcss#box{样式}4)后代ulli5)子代ul>li6)相邻兄弟.list+li7)通用兄弟.list~li8)结构伪类ullilililiul>li:
first-child
IT笔记
·
2020-03-05 21:56
学习笔记:
first-child
与:first-of-type的区别
:
first-child
选择器是css2中定义的选择器,从字面意思上来看也很好理解,就是第一个子元素。
batcattt
·
2020-03-02 23:00
CSS选择器及优先级
其他(1)li:
first-child
{}(修饰第一个li)(2)li:last-child
梁柱
·
2020-02-27 09:45
前端
css3
CSS3知识
选择器:first-line:first-letter选择第一行,第一个字not选择器body.not(h1)
first-child
,last-child选择一个父元素中第一,最后一个子元素nth-child
海上牧云l
·
2020-02-26 07:08
伪类选择器之E:
first-child
系列和E:first-of-type系列
一.E:
first-child
我们先来看看:
first-child
,一开始我就对这个伪类选择器误解了,以为只是选择某个元素的第一个子元素。
婷楼沐熙
·
2020-02-21 09:52
基础
jQuery获取select选中的option的属性值$("#select").find("option:selected")jQuery获取ul下的第一个li元素$("ulli:
first-child
椰果粒
·
2020-02-21 00:58
first-child
和first-of-type理解
是p元素
first-child
、第一个是pnth-child(n)、第n个是plast-child、最后一个是pnth-last-child(n)、最后n个是ponly-child、只有p个p元素first-of-type
雨季雨线
·
2020-02-20 06:40
常见CSS3选择器和文本字体样式汇总
常用的选择器有:标签、id、类、关联(通过父集找到子集)组合选择器,注意html页面中id是唯一的;基本选择器有(/*代表注释*/),/*:
first-child
第一个元素*/,/*
大灰牛博客
·
2020-02-19 23:00
常见CSS3选择器和文本字体样式汇总
常用的选择器有:标签、id、类、关联(通过父集找到子集)组合选择器,注意html页面中id是唯一的;基本选择器有(/*代表注释*/),/*:
first-child
第一个元素*/,/*
大灰牛博客
·
2020-02-19 23:00
拓展选择器
1.拓展选择器div>p#id$.name*10>a[href="#"]{$$}:例:010203040506070809101.选择第一个子元素div>p:
first-child
{}/*选择div里面第一个子元素
Rosemarry丶
·
2020-02-17 23:38
CSS制作首字下沉效果
W3CplusMDN介绍first-children-MDN:父元素的第一个子元素css部分:.main_items:
first-child
{top:-50px;left:-50px;}.main_items
爱喝茶的小姐姐
·
2020-02-15 20:32
css选择器之 :
first-child
/ last-child
:
first-child
单独使用这个选择器不带任何前缀,选择的是作为“某个元素”的“第一个子元素”的元素,某个元素是文档里的任意元素(即所有元素),第一个子元素可以是任意的元素,要想明白这个子元素,很好的一个方式是使用
旋转马达
·
2020-02-15 07:39
单行文字滚动,单行文字轮播,文字轮播JS代码,一行代码实现文字轮播
text-decoration:none;display:block;height:40px;line-height:40px;color:transparent;transition:all2s}a.textA:
first-child
王银辉lucky
·
2020-02-15 05:54
移动端开发---rem-less适配总结
2.使用less设置样式的嵌套案例:ul{&:
first-child
{width:100%*10;transform:translateX(-100%/10);-webkit-transform:translateX
Null
·
2020-02-11 19:27
移动端开发
伪元素选择器关联组合选择器
Documentb,i{color:red;}b:hover{color:green;}.btn1:focus{width:200px;}.father>li:
first-child
{color:blue
孤岛渔夫
·
2020-02-09 06:24
CSS伪类选择器和伪对象选择器
伪类用途:linka链接标签未被访问的样式:hover对象在鼠标移上时的样式:active对象被用户点击及被点击释放之间的样式:visiteda链接对象被访问后的样式:focus对象成为输入焦点时的样式:
first-child
他_5c3d
·
2020-02-07 12:59
011.属性选择器022.子元素选择器023.兄弟元素选择器024.否定伪类025.样式的继承026.选择器的优先级027.a的伪类028.文本标签029.列表030.单位031.颜色
{background-color:颜色}^:开头$:结尾*:包含022.子元素选择器:p:
first-child
{background-color:yellow;}p标签的背景变成黄色/////
义薄云天_7de5
·
2020-02-06 21:43
2.7 (案例)结构性伪类选择器
结构性伪类选择器前端教育A前端教育1前端教育2前端教育3前端教育4前端教育5前端教育6前端教育7前端教育8ul{list-style:none;}/*
first-child
单独制定第一个子元素的样式*/
柒月柒日晴7
·
2020-02-02 18:12
伪类选择器
伪类选择器a:hover{color:green;}/*鼠标悬浮a标签时,超链接字体颜色变为绿色*/ulli:
first-child
{color:red;}/*第一个元素*/ulli:last-child
Chaweys
·
2020-02-02 05:59
选择器
.gress:not(:last-child):after{}属性、:root、:not、:empty、:target、
first-child
、last-child、:nth-child(n)、:nth-last-child
已不年少
·
2020-02-01 18:31
position定位及实际应用
Document.block{width:100px;height:100px;line-height:100px;text-align:center;position:relative;top:10px;}.block:
first-child
陈莺莺呀
·
2020-01-31 22:00
position定位及实际应用
Document.block{width:100px;height:100px;line-height:100px;text-align:center;position:relative;top:10px;}.block:
first-child
陈莺莺呀
·
2020-01-31 22:00
div:
first-child
和div:first-of-type的作用和区别
div:
first-child
,先找到div元素,看看它是不是父元素的长子,如果是,那么就匹配之。
辉夜乀
·
2020-01-08 15:50
如何使用CSS3中的结构伪类选择器和伪元素选择器
结构伪类选择器属性说明表属性描述E:
first-child
匹配E元素的第一个子元素。E:last-child匹配E元素的最后一个子元素。E:nth-child(n)匹配E元素的第n个子元素。
微笑是最初的信仰
·
2020-01-05 22:00
CSS选择器
E:
first-child
:任何元素的第一个子元素E.E:first-of-type:匹配同类型中的第一个同级兄弟元素E。
饥人谷_洪凯敏
·
2020-01-05 03:29
directive生命周期
生命周期概览整个流程分为两个阶段:$compile和nodeLinkFn//总体流程//Thecompilephaseparent(compile)..
first-child
(compile)..second-child
卡卡卡卡颂
·
2020-01-04 13:17
前端学习(七)
:
first-child
选中前父元素第一个子元素,last-child反之.:nth-child(参数)选中参数所指示的元素,(oddeven);2.
永恒幻羽
·
2020-01-03 20:14
结构性伪类选择器 first last nth-child nth-of-type first-of-type last-of-type
Title/1/p{height:30px;background-color:aqua;}/在其父元素下找第一个子元素但是第一个元素必须为指定类型才生效//*p:
first-child
{background-color
Simon_s
·
2020-01-01 13:00
CSS学习笔记--伪类和伪元素
visited“访问过的”:链接被访问过之后;:hover“悬停”:鼠标放到标签上的时候;:active“激活”:鼠标点击标签,但是不松手时;:focus是某个标签获得焦点时的样式(比如某个输入框获得焦点);:
first-child
小天狼星tyx
·
2019-12-31 16:00
css选择器中:
first-child
与:first-of-type的区别
:
first-child
选择器是css2中定义的选择器,从字面意思上来看也很好理解,就是第一个子元素。
苹果li
·
2019-12-29 04:37
微信小程序~CSS样式
2017-01-1211:28:43零、总结app.wxss是全局样式文件,对每个页面都起作用微信小程序样式可以@import其他样式文件微信小程序样式和CSS一样支持常用的:after,:before,:
first-child
izhongxia
·
2019-12-27 08:09
div:
first-child
、div:first-of-type、div :
first-child
和div :first-of-type的作用和区别
:first-of-type表示一组兄弟元素中其类型的第一个元素html部分:0120340560780910css.ct02p:first-of-type:.ct02p:first-of-type{color:red}显示:image.png得到:image.pngcss.ct02p:first-of-type.ct02:first-of-type{color:red}显示:image.png得
张亚群
·
2019-12-24 13:50
12.序选择器
Title/*p:
first-child
{*//*color:red;*//*}*//*p:last-child{*//*color:red;*//*}*//*p:nth-child(2){*//*color
极简series
·
2019-12-21 01:01
CSS选择器的优先级
如:要获取第一个子元素:
first-child
、:last-child、
Cutelady
·
2019-12-18 16:00
巧用伪元素和伪类让我们的html结构更清晰合理
伪类--:hover,:link,:active,:visited,:
first-child
,:last-child,nth-child(n),:not(),:focus伪元素--::before,::
Neuro_annie
·
2019-12-17 20:16
上一页
6
7
8
9
10
11
12
13
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他