组合伪元素和伪类将不起作用
是指在某些特定情况下，使用CSS中的组合伪元素和伪类选择器无法达到预期的效果。
组合伪元素和伪类是CSS中用于选择DOM元素的一种方式，通过使用特定的选择器语法，可以选择到文档中的特定元素或元素的特定状态。它们可以用于添加样式、修改元素的外观或行为。
然而，有一些情况下，组合伪元素和伪类选择器可能无法生效。以下是一些可能导致组合伪元素和伪类不起作用的情况：
- 元素不支持伪元素或伪类：某些HTML元素不支持伪元素或伪类，例如
<img>标签。在这种情况下，无法使用组合伪元素或伪类选择器。 - 元素没有对应的状态：某些伪类选择器需要元素处于特定的状态才能生效，例如
:hover伪类选择器需要鼠标悬停在元素上方。如果元素没有对应的状态，那么组合伪元素和伪类将不起作用。 - CSS选择器的优先级：如果其他CSS规则的优先级高于组合伪元素和伪类选择器的规则，那么组合伪元素和伪类可能被覆盖或失效。在这种情况下，可以通过调整CSS规则的优先级来解决。
总之，组合伪元素和伪类选择器在大多数情况下都能正常工作，但在特定情况下可能会遇到不起作用的情况。在使用组合伪元素和伪类时，需要注意元素的支持情况、元素的状态以及CSS选择器的优先级，以确保达到预期的效果。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 腾讯云物联网平台（IoT Hub）：https://cloud.tencent.com/product/iothub
- 腾讯云移动开发平台（MPS）：https://cloud.tencent.com/product/mps
- 对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙服务（Tencent XR）：https://cloud.tencent.com/product/xr
相关·内容
2回答
我尝试在站点的#breadcrumbs部分中组合一个伪元素:before和一个伪类:nth-child(2)。breadcrumbs li:before:nth-child(2) {content: "> "}两者都不起作用，所以我试着阅读它，并在谷歌中找到了以下内容：
根据讨论中的答案，我还尝试在第二个
浏览 7提问于2016-09-03得票数 0
回答已采纳
1回答
我尝试使用一个小的伪元素来突出显示所需的输入。2022"; position: absolute; top: -16px;} .input-wrapper::before {}
但是伪类:required是
浏览 18提问于2018-01-10得票数 1
回答已采纳
1回答
我试图通过查看Chrome中的按钮元素并使用“强制元素状态”复选框来查看悬停、焦点和活动状态的样式(以及它们的所有组合)来了解引导按钮是如何设计的。我感到困惑的一件小事是:引导似乎将“活动”和“焦点”的样式定义为类和伪类:例如，“.btn-default.ocus，..btn默认:focus{. }”。我理解:active和:focus伪类是如何工作的，但是将.active
浏览 4提问于2016-12-05得票数 1
回答已采纳
我想在一些容器上设置一个伪元素边框，但不包括第三个。我认为我可以将伪选择器与:not结合使用，比如：div:before:not(nth-child(3))，但它似乎不起作用。那么:not选择器和伪选择器是不兼容的吗？在这种情况下，我如何才能将伪元素放入其中并排除某些特定元素呢？(顺便说一句，伪元素边框的想法是控制边框，使它们保持在顶部，无论顶部是否有覆盖(虽然还没有看到它是否有效)
这是一把小提琴
浏览 15提问于2017-07-18得票数 0
回答已采纳
我有一个使用伪选择器first-child的css样式 margin-left: 0;有没有一种方法可以检查某些特定的DOM元素是否具有应用了:first-child伪选择器的类point？.getAttribute("class")将不起作用，它只会返回"point"
浏览 0提问于2016-03-15得票数 0
1回答
有时<small>元素是空的。就像这样：<small></small>在本例中，我希望删除margin-top of <small>。
浏览 4提问于2016-04-18得票数 2
回答已采纳
2回答
jQuery $(此)伪选择器
、、、、
navbarlarge").on("mouseover","a",function(){})$(this).find("::before").addClass("beforeeffect");
如何将此
浏览 0提问于2015-01-07得票数 0
1回答
如何将过渡应用于伪元素？
、、、
我正在构建一个react应用程序，但在伪元素上应用CSS转换时遇到了问题。下面是这个伪元素的类： .collapsed::before { position: absolute; left: 0;.expanded类。其思想是.collapsed::before伪元素的不透明度为1，不透明度转换为2秒。.expanded::before伪<e
浏览 19提问于2021-01-22得票数 1
我正在寻找一种选择具有类galleryBlock的元素的所有伪元素的方法，以及一种选择具有特定id的元素的所有伪元素的方法。这些框中的每一个都有类galleryBlock，以及第二类--第二类取决于盒子比率，因为这些二等的伪元素被用来给盒子一个特定的比率。我也希望能够单独设置每个伪元素的颜色--每个伪元素的不同
浏览 2提问于2015-04-07得票数 1
回答已采纳
我试图获得匹配的CSS规则的一个元素，使用铬的window.getMatchedCSSRules方法。但是这个方法并没有给出它的伪元素和伪类的规则。但是，通过将伪类/元素名称作为第二个参数传递给该方法，它将分别返回规则。after")但是，是否有一种方法可以获得所
浏览 4提问于2014-05-16得票数 0
回答已采纳
6回答
将:before和:after伪类应用于样式化组件的正确方法是什么？&:hover {}我尝试过用一些非常复杂的例子来使用&:before和&:after策略，而且我不确定我的尝试是否不起作用，因为我的示例有问题，或者它不是那样工作的。
浏览 4提问于2017-08-24得票数 75
回答已采纳
2回答
如何将伪元素(如:after )与伪类(如:hover和:not )组合li {} content: ''; <li>second</li> <li>forth</li>
<l
浏览 2提问于2016-09-14得票数 8
回答已采纳
2回答
我可以在CSS规则中的伪类之后添加类选择器吗，例如： background: red;因此，如果我悬停在我的锚标签，<a class="my-class为什么我需要这个@mixin focus($classA, $classB) { &#{$classA} {
浏览 8提问于2017-07-23得票数 3
回答已采纳
2回答
在实践CSS3伪类和选择器可能派上用场的不同场景时，我遇到了一些我无法理解的事情！.article-body > p:not(:empty):first-of-type::first-letter { ... }<div class=</p>
</div
浏览 0提问于2009-12-02得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
