问以h2：：为目标，在包含h2：：之前
EN

Stack Overflow用户

提问于 2019-12-20 17:29:06

回答 1查看 100关注 0票数 2

如何将一些css应用于h2：：之后也有h2：：之前？

.region-sidebar-second .block > h2::after, .region-content .block > h2:after {
  content: "";
  display: block;
  width: 30px;
  margin-bottom: 1.25rem;
  margin-top: 0.75rem;
  border: 0.5px solid #252525;
  position: relative;
}

#block-block-51 h2::before{
  padding-right: 5px;
  content: "\f02d";
  font-family: "Font Awesome 5 Pro",sans-serif;
  font-weight: 900;
}

::after_selector_for_those_h2_that_have_a_::before{
   left:2rem;
}

css

pseudo-element

回答 1

Stack Overflow用户

发布于 2019-12-20 17:34:16

你不能，至少现在还不能。这将需要一个选择器来选择具有before伪元素的元素，而这个伪元素并不存在。选择器只作用于DOM中可用的内容。

有一个工作草案可以在pseudo-class selector :has()中实现这一点。它将如下所示：

element:has(::before)::after

但是，从文档中可以看出：

当前规范中的

:has没有被标记为活动选择器配置文件的一部分，这意味着它不能在样式表中使用；只能与document.querySelector().

这样的函数一起使用

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/59422809

复制

相似问题

问以h2：：为目标，在包含h2：：之前
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问以h2：：为目标，在包含h2：：之前EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问以h2：：为目标，在包含h2：：之前
EN