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
伪类选择器
利用css
伪类选择器
hover控制两个元素属性
示例1:#a:hover{color:#FFFF00;}#a:hover>#b:first-child{color:#FF0000;}#a:hover>#b{color:#FF00FF;}#a:hover+#c{color:#00FF00;}#a:hover+#c>#b{color:#0000FF;}元素1元素2元素2元素3元素2示例2:.header-bar-search{width:300px
DonForest
·
2019-10-21 23:00
前端之CSS
目录CSS介绍CSS语法引用方法基本选择器4|2组合选择器后代选择器儿子选择器毗邻选择器弟弟选择器属性选择器分组和嵌套
伪类选择器
伪元素选择器选择器的优先级CSS属性相关宽和高字体属性文字属性文字之间的距离背景属性边框
暗夜幻羽
·
2019-10-14 21:00
CSS伪类、
伪类选择器
详解
伪类,是一种为不定时出现的样式而诞生的一类样式。伪类对应的元素和其他元素的区别是,它随着文档操作而产生和销毁,其他元素往往是静止存在的。当伪类元素生效时,伪类样式随之生效。这就是伪类存在的意义和作用,即为文档的某些变化,附加相应的样式。拿最常见的伪类,超链接标签伪类,来说。已访问a:visited未访问a:link鼠标停留a:hover鼠标点击a:active对于伪类的使用不仅仅是超链接,包括in
怎么才这几个粉丝
·
2019-10-14 13:57
CSS3
css
伪类
前端之CSS的属性引入方式、选择器、选择器优先级
3.3外部样式四、CSS选择器4.1元素选择器4.2id选择器4.3类选择器4.4通用选择器4.5后代选择器4.6儿子选择器4.7毗邻选择器4.8兄弟选择器4.9属性选择器4.10分组和嵌套选择器4.11
伪类选择器
柠檬要加醋
·
2019-10-11 22:00
03 前端--CSS内容
CSS选择器1、基本选择器4.1标签元素选择器4.2ID选择器4.3类选择器4.4通用选择器2.组合选择器2.1儿子选择器2.2后代选择器2.3毗邻选择器2.4兄弟选择器3.属性选择器4.分组选择器5.
伪类选择器
Cecilia陈
·
2019-10-11 22:00
伪类和伪元素的区别
(
伪类选择器
就是不存在与HTML文档中,但是用CSS语法可以选择它们,并对其能够渲染修饰)伪元素:伪元素创造文档语言能够指定的文档树之外的抽象。例如:first-chlid访问第一个子元素。
牛译伟
·
2019-10-11 21:00
CSS选择器:伪类
伪类(
伪类选择器
)伪类:同一个标签,根据其不同的种状态,有不同的样式。这就叫做“伪类”。伪类用冒号来表示。比如div是属于box类,这一点很明确,就是属于box类。但是a属于什么类?不明确。
ckllf
·
2019-10-10 11:11
CSS
伪类
锋利的jQuery ——jQuery选择器(二)
还有1)
伪类选择器
2)子选择器E>F{}3)临近选择器E+F{CSS规则}4)属性
夯哥的歌
·
2019-10-09 19:00
04-CSS选择器:伪类
伪类(
伪类选择器
)伪类:同一个标签,根据其不同的种状态,有不同的样式。这就叫做“伪类”。伪类用冒号来表示。比如div是属于box类,这一点很明确,就是属于box类。但是a属于什么类?不明确。
Yuanriver
·
2019-10-07 16:21
伪类选择器
前端
「HTML+CSS」开发经验,习惯,盒子模型
text-indent/*em*/字体对其方式,缩排line-height/*行高*/灯高等宽text-decoration:line-through/none/underline;cursor光标//
伪类选择器
标签归类
Apeller
·
2019-10-07 13:00
伪类选择器
-链接
伪类选择器
伪类选择器
-链接
伪类选择器
伪类选择器
用于向某些选择器增加特殊的效果,比如给链接增加特殊效果,比如可以选择第1个,第n个元素;为了和[链接
伪类选择器
]语法::link{属性1:属性值1;属性2:属性值2;
菜濠
·
2019-10-02 21:15
CSS
CSS-常见的
伪类选择器
的用法详解
:first-child:first-child相对于父级元素做参考,选择所有子元素中的第一个子元素,第一个子元素必须是规定的元素类型,如果不是则不会被选择示例:我的颜色颜色颜色我的颜色颜色我的颜色颜色颜色我的颜色颜色dt:first-child{color:red;}如下方法就无法选中第一个子元素dd:first-child{color:yellow;}:last-child:last-chil
蓬莱老仙
·
2019-10-01 20:53
CSS
前端校招知识体系之css
本文将从以下四个方面展开介绍:选择器样式表继承css3部分特性BFCcss选择器优先级策略先附上个链接:css选择器参考手册内联>id>class=属性选择器=
伪类选择器
>tag=伪元素选择器优先级的特殊情况
KWskrrrr
·
2019-09-29 21:00
CSS-高级选择器,后代选择器、交集选择器、并集选择器,
伪类选择器
的用法详解
常见的高级选择器有后代选择器、交集选择器、并集选择器后代选择器选择器之间用空格隔开就是后代选择器选择的是后代元素,不一定是儿子元素,后代选择器描述的是祖先结构使用规则:外层标签写在前面,内层标签写在后面,中间用空格分隔,先写父亲爷爷,再写儿子孙子示例:段落段落段落段落CSS:.boxp{color:green;/*设置边框*/border:1pxdashedred;}class属性值为.box的标
蓬莱老仙
·
2019-09-28 23:41
CSS
CSS新增的
伪类选择器
:root选择文档的根元素,等同于html元素:empty选择没有子元素的元素:target选取当前活动的目标元素:not(selector)选择除selector元素意外的元素:enabled选择可用的表单元素:disabled选择禁用的表单元素:checked选择被选中的表单元素:after在元素内部最前添加内容:before在元素内部最后添加内容:nth-child(n)匹配父元素下指定子元
念来过倒会才猪
·
2019-09-24 20:00
JavaScript实现修改伪类样式
项目中时常会需要用到使用JavaScript来动态控制为元素(:before,:after)的样式,但是我们都知道JavaScript或jQuery并没有
伪类选择器
。这里总结一下几种常见的方法。
·
2019-09-23 00:20
html(二)html学习-干货之 html5+css3
一、html5html4和html5的区别标签语义化智能表单的使用和规范二、css3选择器属性选择器结构性
伪类选择器
(层级选择器/符)UI状态性
伪类选择器
相邻兄弟选择器其他一、html51.html4和
Start2019
·
2019-09-20 16:05
html+css基础笔记
前端面试问题 ——css
1、css选择器:1、标签选择器2、class选择器3、id选择器4、属性选择器:a[href="baidu.com"]{}5、
伪类选择器
::hover{}6、伪元素选择器,如::before{}7、*
HYeeee
·
2019-09-18 11:22
前端面试
CSS样式设置及
伪类选择器
1、CSS颜色的设置?CSS颜色样式设置方式:1、直接在color属性中用英文命令颜色,比如:p{color:red;}2、RGB方式,与photoshop中的RGB颜色一致,由R(red)、G(green)、B(blue)三种颜色的比例来配色。每一项的值可以是0~255之间的整数,也可以是0%~100%的百分数。{color:rgb(133,45,200);}p{color:rgb(20%,33
、Ranfon
·
2019-09-17 20:00
css3
伪类选择器
快速复习小结
前言如果说css作为前端开发的基本功,那么"选择器"就是基础中的基础.如果你在复写或者学习这些容易令人混淆的选择器,那么你就来对地方了,我的老伙计.本篇文章会直接了当的比较它们的特性,帮助你快速的掌握它们:first-childlast-childfirst-of-typelast-of-typeonly-childonly-of-typenth-childnth-last-childnth-of
ASCll
·
2019-09-10 16:02
前端之CSS
目录一介绍二语法结构css引入方式三选择器3.1基本选择器3.2组合选择器3.2.1后代选择器3.2.2儿子选择器3.2.3毗邻选择器3.2.4弟弟选择器3.3属性选择器3.4组合选择器3.5
伪类选择器
赵海宇
·
2019-09-10 15:00
HTML5新标签和CSS伪类
HTML5提供了很多新的标签,由于HTML5的兼容性比较差,HTML5的标签常用于手机端更多HTML5新标签可以看W3CschoolCSS3结构
伪类选择器
:first-child选中第一个元素:last-child
快敲小张
·
2019-09-09 18:00
CSS-5.1-
伪类选择器
CSS-5.1-
伪类选择器
一:
伪类选择器
1、静态伪类2、动态伪类二:超链接a标签1、超链接的四种状态2、a{}和a:link{}的区别一:
伪类选择器
伪类:同一个标签,根据其不同的状态,有不同的样式伪类用冒号来表示
伪类选择器
分为两种
qwh_python
·
2019-09-09 13:53
WEB前端
CSS
初识前端--CSS基础
初识前端--CSS基础三种声明方式CSS代码格式选择器符号说明属性选择器[]类选择器.id选择器#(最常用)关系选择器
伪类选择器
讲在文前,大多数的学习依靠自学,手把手的教和喂可以解决一时之需,却不一定能将其转化为自己所有
起个昵称行不行
·
2019-09-04 20:38
初识前端
常用选择器大全
相信很多学编程的同学都知道选择器这种概念,比如基础选择器、
伪类选择器
以及属性选择器等等,下面由小生斗胆总结那些年我们用过的选择器。
敲键盘的那些年
·
2019-08-28 11:25
vue 项目移植到小程序项目过程中通配选择器“*”的处理
在小程序平台是不允许使用通配选择器的不过在实际应用过程中可以曲线实现,比如使用
伪类选择器
:not替代原始样式:*{opacity:0.5}替代样式::not(not){opacity:0.5}提示:由于通配选择器性能较差
瞳p1ayer
·
2019-08-27 15:04
Css基础知识
1.css选择器与权重计算:ID选择器class选择器关系选择器属性选择器
伪类选择器
(:hover:active:link:visited,不建议使用linkvisited,会有缓存)集合选择器权重:!
绝世大白
·
2019-08-10 09:54
a标签
伪类选择器
+过度模块
a标签的
伪类选择器
1.什么是a标签的
伪类选择器
?a标签的
伪类选择器
是专门用来修改a标签不同状态的样式的。2.格式:1):link修改从未被访问过状态下的样式。
子沐
·
2019-08-08 11:00
H5全栈_选择器
important最高2.若选择器权重相同,则就近3.行内:1000id选择器:100类选择器,属性选择器,
伪类选择器
:10标签选择器,伪元素选择器:1不会越级选择语法注释:/**/规则:{k:v;k:
AKIRAZXX
·
2019-08-03 21:45
html/css
深入css权重计算
-1.千位:如果是内联样式,记为1,否则为0-2.百位:等于选择器中所有id选择器的数量-3.十位:等于选择器中所有类选择器,属性选择器,
伪类选择器
的数量-4.个位:等于选择器中所有元素(标签)选择器,
AC总有一天
·
2019-07-31 11:34
━═━═━◥
前端
◤━═━═━
css3
伪类选择器
快速复习
前言如果说css作为前端开发的基本功,那么"选择器"就是基础中的基础.如果你在复写或者学习这些容易令人混淆的选择器,那么你就来对地方了,我的老伙计.本篇文章会直接了当的比较它们的特性,帮助你快速的掌握它们:first-childlast-childfirst-of-typelast-of-typeonly-childonly-of-typenth-childnth-last-childnth-of
ASCll
·
2019-07-31 00:00
css
css3
选择器
html5
前端
9.
伪类选择器
1.链接
伪类选择器
:link未访问的链接:visited已经访问的链接:hover鼠标移动到链接尚的选择器:active选定的链接2.结构(位置)
伪类选择器
:first-child选择父元素下的第一个子元素
吃不到的花生仁
·
2019-07-15 20:51
css
CSS学习笔记03--常用选择器
目录1.元素选择器2.id选择器3.类选择器4.选择器分组(并集选择器)5.通配选择器6.复合选择器(交集选择器)7.后代元素选择器8.子元素选择器9.
伪类选择器
1):link2):visited3):
Bee_Darker
·
2019-07-14 22:47
HTML/CSS核心基础
HTML & CSS & JavaScript 知识点
important>行间样式>id选择器>Class选择器|属性选择器|
伪类选择器
>标签选择器|伪元素选择器>通配符选择器2.2CSS选择器权重(256进制)选择器权重!
姓二名哈字富贵儿
·
2019-07-08 13:11
CSS 选择符有哪些?哪些属性可以继承?优先级算法如何计算?
)2.类选择器(.class)3.标签选择器(div,h1,p)4.相邻选择器(h1+p)5.子选择器(ul>li)6.后代选择器(lia)7.通配符选择器(*)8.属性选择器(a[title])9.
伪类选择器
麋鹿鲁哟
·
2019-07-04 19:00
CSS选择器
伪类选择器
:四大基本
伪类选择器
::link,用于设置链接初始状态时的样式;:visited,用于设置链接被点击过后的样式;:hover,用于设置鼠标悬停在链接上方时,链接的样式;:active,用于设置鼠标按键按下
code丶wei
·
2019-06-30 20:00
CSS3新增:结构
伪类选择器
&伪元素选择器
1.结构
伪类选择器
:可方便的选取一个或多个特定的元素:first-child选取属于其父元素的首个子元素:last-child选取属于其父元素的最后一个子元素:nth-child(n)选择第n个子元素n
weixin_33782386
·
2019-06-28 10:00
0612vivo提前批一面
岗位:软件工程师(前端)CSS选择器以及优先级子绝父相定位水平垂直居中CSS选择器有标签选择器、类名选择器、多类名选择器、ID选择器、通配符选择器(*)
伪类选择器
(链接
伪类选择器
,lvha,:link未访问
ljs_coding
·
2019-06-12 13:15
面经
0612vivo提前批一面
岗位:软件工程师(前端)CSS选择器以及优先级子绝父相定位水平垂直居中CSS选择器有标签选择器、类名选择器、多类名选择器、ID选择器、通配符选择器(*)
伪类选择器
(链接
伪类选择器
,lvha,:link未访问
ljs_coding
·
2019-06-12 13:15
面经
css
伪类选择器
的查找顺序
当
伪类选择器
last-child、first-child无效时,就是因为不了解css
伪类选择器
的查找顺序造成选中某一元素失败。
攻城狮?
·
2019-05-22 15:00
css学习之基本选择器+
伪类选择器
1.基本选择器默认对全部元素都试用::selection{color:red;}1.通用选择器*{border:1pxsolidred;}解释:“*”号选择器是通用选择器,功能是匹配所有html元素的选择器包括和标签。可以使用如下元素标记测试效果:通用选择器会将所有元素匹配并配置样式,这是把双刃剑,好处就是非常方便,坏处就是将不必要的元素也配置了。目前为止,还不存在所有元素都必须配置的样式,所以,
zyftest1
·
2019-05-12 21:18
WEB前端
基本选择器
伪类选择器
css-
伪类选择器
-:nth-child()-循环样式问题
循环样式:目标样式:代码如下:{{icon.typeName}}.grids{position:relative;overflow:hidden;margin:20rpx20rpx0;background-color:#ffffff;}.grid{position:relative;float:left;padding:40rpx20rpx;width:50%;box-sizing:border-
zhangXY_
·
2019-05-08 11:39
小程序开发
css伪类选择器
循环样式修改某个
nth-child()
伪类选择器
实现vivoX9s手机的宣传面面我是超链接标记,我未点击前颜色为黑色我是超链接标记,我点击后颜色为红色我是超链接标记,鼠标在我身上悬停显示出边框我是超链接标记,鼠标点击时我身后出现蓝色背景颜色@charset"utf-8";/*cssdocument*/a:visited{/*表示对访问超接后链接进行样式*/color:red;/*设置期字体颜色为红色*/}a:link{/*表示对未访问的超链接进
辐_射
·
2019-05-07 21:44
html+css
CSS选择器详解
(1)####(1)结构
伪类选择器
1):first-child、:last-child、:nth-child(index)、:nth-last-child(index)先创建一个列表:12345678910
fltenwall
·
2019-05-06 23:10
前端
CSS选择器
CSS
伪类选择器
伪元素选择器
结构选择器
选择器!
a:hover
伪类选择器
before,after,能插入元素的选择器插入的东西相当于一个盒子,是div的孩子图片发自App.类选择器结构选择器li:nth-child()图片发自App选出所有带有class
e34bec12a4e6
·
2019-04-25 19:48
HTML5+CSS3笔记
aside、article、section、footer标签二、新增input表单新增表单inputtype=search的盒子模型是box-sizing:border-box三、css选择器1.结构
伪类选择器
Alen-Huan
·
2019-04-10 18:01
CSS 搞事技巧:hover+active
介绍在JavaScript中,我们可以利用变量,DOM来保存状态,而CSS当中,我们也可以利用
伪类选择器
来保存状态,这就是CSS搞事的核心了。核心概念:保存状态。
山与海
·
2019-04-02 00:00
动画
css
html5
css选择器
className{}css属性选择器E[foo]E[foo='bar']E[foo^='bar']E[foo$='bar']上下文选择器e1e2后代选择器e1>e2选择子元素e1~e2兄弟选择器e1+e2通配符
伪类选择器
结构化的
伪类选择器
小鱼嘻嘻
·
2019-03-10 18:16
css选择器
className{}css属性选择器E[foo]E[foo='bar']E[foo^='bar']E[foo$='bar']上下文选择器e1e2后代选择器e1>e2选择子元素e1~e2兄弟选择器e1+e2通配符
伪类选择器
结构化的
伪类选择器
小鱼嘻嘻
·
2019-03-10 18:16
css选择器优先级
内联>id>class=属性选择器=
伪类选择器
>tag=伪元素选择器image.pngps:特殊的!important规则,说明:当在一个样式声明中使用一个!
Allan要做活神仙
·
2019-03-06 17:26
上一页
27
28
29
30
31
32
33
34
下一页
按字母分类:
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
其他