Web秀
首页
专栏
文章
问答
热点
导航
实例
首页
登录
首页
前端
JavaScript
Vue.js
CSS
Uni-App
专栏
问答
工具
全网热点
导航
前端
设计
实例
登录
#css伪类#
共找到
css伪类
相关内容
8
条
优先问答
优先文章
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
6年前
CSS选择器如此之多,你了解多少?
前言css选择器非常之多,常见的如class选择器,id选择器,标签选择器等等。每个的用法都有所区别,虽然很多都能到达同样的效果,但还是有一些更优的选择。class、id、标签选择器这个几个就不细说了,class和标签选择器主要用来设置样式上面,id选择器推荐不要用在css样式上,更多是用在js操作dom时,选择元素。如:div{background:#fff;}.list{color:red;}$('#li').html('<span>web秀</span>')elementel
557060
3804
0
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
6年前
CSS中伪类与伪元素,你弄懂了吗?
前言熟悉前端的人都会听过css的伪类与伪元素,然而大多数的人都会将这两者混淆。本文从解析伪类与伪元素的含义出发,区分这两者的区别,即使你有用过伪类与伪元素,但里面总有一两个你没见过的吧。伪类与伪元素先说一说为什么css要引入伪元素和伪类,以下是css2.1Selectors章节中对伪类与伪元素的描述:CSSintroducestheconceptsofpseudo-elementsandpseudo-classestopermitformattingbasedoninformationthatliesou
556338
3272
0
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
5年前
CSS3伪类:valid和:invalid实现表单校验
知识要点1、:valid用于匹配输入值为合法的元素2、:invalid用于匹配输入值为非法的元素3、required属性规定必需在提交之前填写输入字段4、pattern属性规定用于验证输入字段的正则表达式:valid/:invalid选择器用于在表单元素中的值是合法/非法时设置指定样式。注意::valid/:invalid选择器只作用于能指定区间值的元素,例如input元素中的min和max属性,及正确的email字段,合法的数字字段等。required属性适用于以下<input>类型:tex
557895
3655
0
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
4年前
CSS基础知识学习:CSS绘制铅笔
铅笔,距今已有四百多年的历史,其中,绘画素描的铅笔分为诸多类型,它分成三个发展阶段,分为石墨、木制笔杆、带帽铅笔。1564年,在英格兰一个叫巴罗代尔的地方,人们发现了一种黑色矿物——石墨。很快,当地的一些牧羊人发现,可以用石墨在羊身上画上记号。受此启发,人们把石墨块切成小条拿来写字和绘画。但石墨条很容易弄脏手,而且容易折断。1761年,德国化学家法伯尔解决了这个问题:他先把石墨矿石研磨成粉末,用水冲洗去杂质,获得纯净的石墨粉;接着,他又在石墨粉中掺入硫磺、锑、松香等物质;然后再将这种混合物加热凝固,并压制
552669
3654
0
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
4年前
CSS简笔画:纯CSS绘制一辆婴儿车
专栏也更新了一小半了,不知道大家都学到了吗?CSS学习其实不难,难的是动手实践,当你看到一个效果是,觉得这个实现起来很难、很难,但是你一旦动手,一步一步分解实现,会发现也没有想象中的那么难。下面我们动手写一个纯CSS婴儿车,你将学习到下列知识:你能get到1、CSSFlex水平垂直居中2、CSS变量(前面小节已经讲过)3、CSS伪类的灵活使用4、CSS相对定位和绝对定位5、CSS绘制半圆形扇形三角形6、CSStransform变形看图解构婴儿车结构很简单,从下至上,车轮、婴儿床、扶手、斗篷,复杂点的就是斗
547680
3253
0
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
4年前
CSS简笔画:纯CSS绘制一艘邮轮
本节你能get到什么前端知识1、CSS变量2、CSS伪类的灵活使用3、CSS绘制梯形、箭头、转发箭头4、CSS相对定位和绝对定位5、CSStransform变形6、CSSbox-shadow7、CSSFlex布局看图解构1、梯形船体2、中间部分有一个镂空的梯形3、船体上有船名、船锚4、甲板上有护栏5、船上有货物6、还有一根旗杆解构后发现东西并不多!梯形船体<divclass="ship"><divclass="ship-body"></div></div>:
546173
3317
0
前端小智
Lv
0
关注
0
关注者
关注
前端小智
1年前
5个改变你编写CSS方式的新功能
在过去一年中,CSS的新功能爆发式增长,它们彻底改变了我们编写CSS的方式。无论你在网页开发的旅程中处于什么阶段,都会有新的东西需要学习。对于一个简单的样式语言来说,它的变化速度确实相当快!:has...
539048
2965
0
前端小智
Lv
0
关注
0
关注者
关注
前端小智
1年前
提升CSS技能:深入理解 : 和 ::,让你的选择器更强大
CSS,即层叠样式表,是一种用于样式和格式化网页的强大语言。当你深入研究CSS时,你可能会遇到在CSS选择器中使用冒号(:)和双冒号(::)的情况。这些符号具有特定的含义,并用于定位HTML文档中的不...
537967
3032
0
下拉加载更多