CSS中两个伪类同时使用注意

最新推荐文章于 2021-12-09 15:44:43 发布
最新推荐文章于 2021-12-09 15:44:43 发布
阅读量2.2k 收藏 2
点赞数 2
分类专栏： HTML5+CSS3 文章标签： js css html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_43927310/article/details/105391385
版权

当a:hover发生时，选中 a:after，不能a:hover a:after这样使用。
正确的写法 a:hover:after

CSS 伪类和伪元素
weixin_44152104的博客
08-12 1315
伪类是选择器的一种，它用于选择处于特定状态的元素。比如当它们是这一类型的第一个元素时（:first-child），或者是当鼠标指针悬浮在元素上面的时候（:hover）。它们表现得会像是你向你的文档的某个部分应用了一个类一样，帮你在你的标记文本中减少多余的类，让你的代码更灵活、更易于维护。伪类是以开头为冒号的关键字：:first-child。
详解CSS中的伪类与伪元素及二者间的区别
09-24
1. 表示方式：伪类只有一个冒号(:)，伪元素有两个冒号(::)（在CSS2.1中，伪元素也使用一个冒号，但在CSS3中进行了区分）。 2. 存在形式：伪类描述元素在特定状态下的表现，而伪元素则是在元素内部创建的虚拟内容，...
两个伪类&过渡效果一起运用的奇妙现象
weixin_44538469的博客
01-27 546
两个伪类&过渡效果一起运用的奇妙现象 开发工具与关键技术：Adobe Dreamweaver CC 2017 前端 作者：刘剑鸿 撰写时间：2019年1月27日星期日 在学习前端网页技术开发，个人觉得最有趣的莫过于CSS动画了，它能实现javascript的一些功能。如：hover伪类，hover选择器用于选择鼠标指针浮动在上面的元素，并设置其样式。从它的定义上看是要鼠标指针移到...
css两个伪类选择器导致的问题
caesarding07
03-27 892
问题展示 使用两个伪类选择器的时候可能会出现一些未知的错误 建议还是取用一个id名 当然正确的点赞方法不是用css来写的 这里只是说明不建议同时使用两个伪类选择器 ...
【实用随记】伪元素和伪类混用
mercury8862的专栏
05-27 426
:after上加:hover事件
css中同时使用多个伪元素和伪类
热门推荐
ShiYadong的专栏
09-25 1万+
1、例如需要使用：.list-item::after 同时也要使用：.list-item:last-child 那么需要把最后一个对象的after覆盖掉的话可以这么操作： .list-item:last-child::after{ //write the styles } 或者第二个方法： .list-item:last-child { &:after{ ...
css3开发：伪类选择器的使用
Lpd_Reason的博客
10-01 673
学过css的人必定知道选择器。 通常的选择器有类选择器，id选择器，元素选择器（又称伪元素选择器），这三种最为常用，本文不再鳌述。 还比较常见的是通配符选择器，写法为*{属性：值}，它是浏览器html默认样式，不过权重为0，它的使用大多是为了消除浏览器默认样式，定义自己的浏览器样式。 其次是组合选择器和性选择器，这两类选择器如果有机会以后再谈。 最后就是本文要讲的伪类选择器，要讲之前得先说...
浅谈CSS伪类与伪元素
09-25
- ::before 和 ::after：这两个伪元素允许在元素内容的前面或后面插入内容，通常与content属性配合使用。 - ::selection：用于改变用户选中文本时的默认背景和前景颜色。 CSS3中为区分伪类和伪元素，采用了两个冒号...
两种CSS3伪类选择器详细介绍
09-25
它主要包括:enabled、:disabled、和:checked这三个伪类。:enabled伪类用于选中启用状态的表单元素，而:disabled伪类则选中那些被禁用的元素，比如那些不可输入的文本框（type="text"）或不可选中的单选按钮（type=...
类选择器和搭配使用伪类选择器
qq_38862981的博客
11-21 910
class选择器 搭配 伪类选择器 nth-child
伪类和伪元素
aiyishengyishi的专栏
01-12 439
伪类和伪元素的区别及应用
CSS 伪类
Web魔法师
02-28 461
伪类可以用来指定一个或多个与其相关的选择符的状态，伪类的形式为：选择符：伪类{属性：属性值}。例如，以下锚点标签a的几种状态（默认状态，访问过后的状态，经过时的状态及点击时的状态）：a:link{color:red}a：visited{color:blue}a:hover{color:green}a:active{color:black}伪类可以让用户在使用页面的过程中，增加更多的交互效果，而不必...
16 个 CSS 伪类
weixin_40762926的博客
09-15 943
css 伪类是用于向某些选择器添加特殊的效果，是动态的，指当前元素所处的状态或者特性。只有一个元素达到一个特定状态时，它可能得到一个伪类的样式；当状态改变时，它又会失去这个样式。 这篇文章在一定程度上鼓励你在构建UI时使用更简单的CSS和更少的 JS。熟悉 CSS 所提供的一切是实现这一目标的一种方法，另一种方法是实现最佳实践并尽可能多地重用代码。 接下介绍一些大家可能还不熟悉的一些伪类及其用例，希望对大家日后有所帮助。 ::first-line| 选择文本的第一行 ::fir...
理解伪元素 :Before 和 :After
10-09 246
层叠样式表（CSS）的主要目的是给HTML元素添加样式，然而，在一些案例中给文档添加额外的元素是多余的或是不可能的。事实上CSS中有一个特性允许我们添加额外元素而不扰乱文档本身，这就是“伪元素”。 　　你一定听说过这个词，尤其是当你一直关注着我们的教程。点此浏览原作者的其他文章 　　事实上，的确有一些CSS家族的成员（CSS选择器）被分类为伪元素比如：:first-line, :...
before和after伪元素选择器(伪元素选择器:在元素后面叠加的元素选择器)
qq_44778404的博客
08-07 591
最常的应用场景:浮动清除 作用主要是给元素的前面和后面插入内容,所以常和content配合使用 ::before和:before没有区别 例如:给fix_float的前面和后面插入内容
伪类(:单冒号)和伪元素(双冒号)
weixin_43739375的博客
03-20 929
css2的规定为单冒号表示，而css3已经明确表示伪类使用单冒号，伪元素使用双冒号，本次所有测试双冒号 伪类选择元素基于的是当前元素处于的状态，或者说元素当前所具有的特性，而不是元素的id、class、属性等静态的标志。由于状态是动态变化的，所以一个元素达到一个特定状态时，它可能得到一个伪类的样式；当状态改变时，它又会失去这个样式。由此可以看出，它的功能和class有些类似，但它是基于文档之外的抽...
双伪类元素清除浮动带来的影响
一灯
12-09 228
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
css-----伪类 & 伪元素
美酒爱尔兰的博客
09-08 385
css伪类 css伪类用于向某些选择器添加特殊的效果。:link, :visited, :hover, :focus, :active, :first-child, :lang css3新增的伪类：:last-child,:only-child,:first-of-type,:last-of-type,:only-of-type,:nth-child(n),:nth-last-...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值