2个伪选择器在CSS #id:after:active{}中分别不起作用
在CSS中，伪选择器是用来选择元素的特定状态或位置的选择器。在给定的问答内容中，我们需要解释为什么两个伪选择器在CSS #id:after:active{}中不起作用。
首先，让我们解释一下这个CSS选择器的含义。#id表示选择具有特定id属性的元素，after表示选择元素的伪元素after，active表示选择处于活动状态的元素。因此，#id:after:active{}选择具有特定id属性的元素的after伪元素，并且该元素处于活动状态。
然而，CSS中的伪选择器有一定的限制和规则。在给定的选择器中，两个伪选择器after和active是无法同时应用于同一个元素的。这是因为伪元素只能应用于元素的某个特定部分，而活动状态只能应用于整个元素。
要解决这个问题，我们可以使用其他方法来实现相同的效果。例如，可以使用JavaScript来添加或移除类名来改变元素的样式，或者使用其他伪选择器来选择元素的不同状态。
总结起来，给定的CSS选择器#id:after:active{}中的两个伪选择器无法同时起作用，因为伪元素和活动状态只能应用于元素的不同部分。为了解决这个问题，可以使用其他方法来实现相同的效果。
相关·内容
我需要点击车轮，所以汽车前进100px，在这种情况下，车轮是"after“，但转换不是与":after:active”选择器一起工作，而是与其他选择器一起工作。我怎样才能纠正这个错误呢？left: 30%;border-top-right-radius : 20% 30%; border-radius: 50%;
backg
浏览 12提问于2016-12-29得票数 0
回答已采纳
我用CSS做了一个心形的按钮。是我的代码的JSFiddle链接。 height: 50px; position: relative;#heart .outline:before, -o-transform-origin: 0 100%;}
#heart .outline:after('background&#x
浏览 9提问于2013-04-29得票数 9
回答已采纳
我有一个元素，可以通过使用JS的切换按钮向它添加一个--active类。<div class="container"> ::after添加这个类时，我希望::after元素是display:none;.element--active + ::after
浏览 3提问于2015-08-12得票数 0
回答已采纳
我想使用CSS将字符应用到我的一些HREF的末尾，我找到了一种可行的方法，但它也将字符应用于锚点。我不想让这个角色出现在我的锚上。这就是我所拥有的：position: absolute; /* Prevent underline of arrow */
padding-left:2px; /*
浏览 2提问于2012-11-23得票数 3
1回答
在被用户点击后，我试图改变一个孩子的颜色(在菜单中)，我在执行时遇到了困难。.active工作得很好，尽管.active::after根本不工作。").attr("href");
$("
浏览 0提问于2017-10-01得票数 0
回答已采纳
这是该网站：
.clearfix:after,.sub-menu:after li { display:table;}我如何解决这个问题？
浏览 5提问于2014-12-16得票数 3
我正在寻找一种选择具有类galleryBlock的元素的所有伪元素的方法，以及一种选择具有特定id的元素的所有伪元素的方法。这些框中的每一个都有类galleryBlock，以及第二类--第二类取决于盒子比率，因为这些二等的伪元素被用来给盒子一个特定的比率。例如，.square有一个由:after定义的伪元素，用于给方格一个平方比，等等。
当我在任何.galleryBlock上徘徊时，我希望能够将它的不透明度转换为0.5。我也希望能够单独设置每个伪元素的
浏览 2提问于2015-04-07得票数 1
回答已采纳
对于我正在执行的脚本，我需要验证DOM中存在一个CSS选择器。我想知道如何使用通用规则处理多个:pseudo选择器。像这样的事情很简单：它可以由var selector = &qu
浏览 2提问于2014-08-03得票数 1
回答已采纳
1回答
在Firebug中看到的HTML： <select id="sel" name="sel" class="some-class">-- <option>s --> ::after使用CSS：
.select-contain:after<
浏览 3提问于2014-09-17得票数 0
回答已采纳
3回答
我的HTML如下所示： <table class = "table-1"> <div class="something else">
</
浏览 3提问于2014-03-04得票数 0
如果我有以下HTML：<tr><td>Item 1</td></tr><tr><td>Item 3</td></tr><tr&g
浏览 0提问于2010-12-21得票数 12
回答已采纳
1回答
=[ \S]*\{)/gm.main {}
.subclass {
property:.com"]', '.subclass', '.test:before', '.test:after:active'
浏览 1提问于2017-11-18得票数 5
1回答
我正在尝试在<input>的拇指内创建一条具有类型的行。我已经成功地使用::-webkit-slider-thumb pseduo元素选择器修改了拇指的一些样式，如下所示，但我需要一条以滑块拇指为中心的垂直线。有办法创造这样一条线吗？}
浏览 1提问于2014-09-17得票数 0
回答已采纳
1回答
如何将伪元素选择器(:after)和属性选择器([title])组合在一起？CSS： content: "NO";div[title]:after {}它在每个div的末尾显示它在Safari 5
浏览 0提问于2012-01-21得票数 9
回答已采纳
2回答
在火狐和IE中，当我使用带有:after伪选择器的CSS边框三角形解决方案时，边框看起来已经磨损了。请参见下图以进行比较：
这是来自Chrome和Firefox的。相关代码如下： content: ""; height: 0; bottom
浏览 2提问于2012-11-30得票数 0
1回答
IE8中的链式伪选择器
、、、
在Windows XP上的IE8中，链接的伪选择器似乎不起作用。有关于这方面的文档吗？为了使用CSS3选择器，我正在用IE8开发一个网站，但是像这样的风格在Selectivizr中是行不通的，而在其他地方都行得通(这并不奇怪)：
span:last-child:after {content
浏览 5提问于2012-07-20得票数 1
回答已采纳
现在我的问题是，我想要使黑色覆盖在悬停的图像，当图像被点击，并带我们到另一个页面，它保持活跃与该覆盖。<ul class="thumbnails"> <a href="#">
<div id="ImageHoverwp-content/uploads/2014/07
浏览 2提问于2014-09-02得票数 1
回答已采纳
我尝试在input字段上使用:after CSS伪元素，但它不起作用。如果我将它与span一起使用，它可以正常工作。<style type="text/css">.mystyle {color:red;}这行得通“后面在“更多”之前)
<span class="myst
浏览 26提问于2010-04-07得票数 776
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
