社区首页 >问答首页 >是否可以在它的父元素css中包含伪元素

问是否可以在它的父元素css中包含伪元素
EN

Stack Overflow用户

提问于 2021-06-24 19:01:03

回答 1查看 101关注 0票数 0

我想格式化我的css，使每个相关元素都在它们自己的类中，包括类的伪元素。目前，伪元素是这样格式化的.

element {
   ...
}

element::after {
   ...
}

是否可以将上述内容格式化为此格式？基本上是在它的父元素内嵌套伪元素。

element {
   ...
   element::after {
      ...
   }
}

pseudo-element

css

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-06-24 20:13:04

别用香草css。

您有几个选项，如Scss、较少、手写笔和后座(用插件)。

如果你刚刚开始，我建议Scss：

.element {
  &::after {
  }
}

票数 1

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

原文链接：

https://stackoverflow.com/questions/68124895

复制

css中的伪类与伪元素

css

伪类的效果可以通过添加一个实际的类来达到，而伪元素的效果则需要通过添加一个实际的元素才能达到，这也是为什么他们一个称为伪类，一个称为伪元素的原因。伪类的种类伪元素的种类区别这里用伪类 :fir

前朝楚水

2018/04/02

2.5K0

CSS中的伪类和伪元素

css

伪类连同伪元素一起，他们允许你不仅仅是根据文档 DOM 树中的内容对元素应用样式，而且还允许你根据诸如像导航历史这样的外部因素来应用样式（例如 :visited），同样的，可以根据内容的状态（例如在一些表单元素上的 :checked），或者鼠标的位置（例如 :hover 让你知道是否鼠标在一个元素上悬浮）来应用样式。

刘亦枫

2020/03/19

2.8K0

CSS伪元素介绍

其他

伪元素表示了某个元素的子元素。这个子元素虽然在逻辑上存在，但却并不实际存在于文档树中。

前端GoGoGo

2018/08/27

8510

CSS 伪元素技巧

html css

在 CSS 伪元素基本用法一文中讲述了伪元素的基础功能，本章学习一些进阶功能，看看伪元素能实现哪些方便好用的功能。

李振

2021/11/26

8730

css中伪元素选择器

css

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>68-伪元素选择器</title> <style> *{ margin: 0; padding: 0; } div{ width: 200px; height: 200px; ba

贵哥的编程之路

2020/10/28

1.9K0

CSS伪类与伪元素

css

CSS引入伪类和伪元素概念是为了格式化文档树以外的信息。也就是说，伪类和伪元素是用来修饰不在文档树中的部分，比如，一句话中的第一个字母，或者是列表中的第一个元素。

WindRunnerMax

2020/08/27

2K0

在Java中如何高效判断数组中是否包含某个元素

其他

原文地址：http://www.hollischuang.com/archives/1269

Java后端技术

2018/08/09

5.2K0

CSS伪元素的基本使用

css

伪元素之所以称为“伪”，主要是因为它不是真正网页里的元素，但是标线行为又跟真正网页元素一样，也可以对其使用css操作。

伯约同学

2022/03/04

9590

js判断数组中是否包含某个指定元素的个数_js 数组包含某个元素

https 网络安全编程算法

indexOf()完整语法： array.indexOf(item,start)

全栈程序员站长

2022/11/02

11.3K0

jquery判断数组中是否包含某个元素的值_java判断元素是否在数组中

编程算法 https 网络安全

如果arry数组里面存在”C#” 这个字符串则返回该字符串的数组下标，否则返回(不包含在数组中) -1

全栈程序员站长

2022/11/02

5.8K0

CSS 伪元素基本用法

css html

CSS 中可以利用伪元素给 DOM 元素添加特殊的样式。比如说，我们可以通过 :before 在一个元素前增加一些文本，并为这些文本添加样式。虽然用户可以看到这些文本，但是这些文本实际上不在文档树中。

李振

2021/11/26

8350

CSS中如何解决子元素继承父元素的opacity属性？

css java https 网络安全面向对象编程

这里有两个方案，使用rgba()间接的设定opacity的值，这个属性不会向下继承，或者既然opacity会被子级元素继承，那就把opacity属性放到同级元素实现，下面通过示例具体说说这两种方式：

全栈程序员站长

2022/09/01

4.5K0

CSS-伪类和伪元素

css php 编程算法

背景写了这么多年代码，对CSS中的伪类和伪元素竟然没有细致的进行过学习总结，由此可见在实际代码开发中，用的也确实不多，也就用过一些:first-child,:hover之类的吧，其它的连before什么的都没用过，于是迫切需要大于伪元素与伪类进行一个系统整体的学习。伪类和伪元素伪类：是以一个冒号作为前缀，被添加到选择器的末尾，当你希望在特定状态下(:hover)才被呈现到指定元素时，可以往元素的选择器后面加上伪类。伪元素：用于创建一些不在文档树中的元素，并为其添加样式。比如::befor

六个周

2022/10/28

1K0

Golang 切片是否包含某元素

set 测试线程安全性能字符串

如何判断元素是否在切片中，Golang 并没有提供直接的库函数来判断，最容易想到的实现便是通过遍历来判断。

恋喵大鲤鱼

2023/10/12

1.1K0

js中判断数组中是否包含某元素的方法有哪些_js判断数组里面是否包含某个元素

编程算法

注：string.indexOf()返回某个指定的字符串值在字符串中首次出现的位置。

全栈程序员站长

2022/11/02

10.2K0

认识css3伪元素

其他

css2的规定为单冒号表示，而css3已经明确表示伪类使用单冒号，伪元素使用双冒号，本次所有测试双冒号

潇洒哥和黑大帅

2018/10/23

7660

伪元素的作用_获取iframe中的元素

https selenium 网络安全正则表达式

获取网页源代码也获取不了这些动态渲染的数据所以用简单的，但是有点麻烦的方法使用selenium执行js，或者直接在浏览器里面执行js

全栈程序员站长

2022/11/04

7K0

css 子元素margin-top影响了父元素

border expression form hidden padding

可以看到box1虽然没有margin-top:50px，但是上方也留出了50px

路过君

2020/11/12

1.6K0

CSS中伪类与伪元素，你弄懂了吗？

css html

熟悉前端的人都会听过css的伪类与伪元素，然而大多数的人都会将这两者混淆。本文从解析伪类与伪元素的含义出发，区分这两者的区别，即使你有用过伪类与伪元素，但里面总有一两个你没见过的吧。

Javanx

2019/09/05

1.3K0

在未知大小的父元素中设置居中

css

当提到在web设计中居中元素时。关于被居中的元素和它父元素的信息，你知道的越多就越容易设置。那么假如当你不知道任何信息？居中也是可设置的。

lesM10

2019/08/26

4K0

相似问题

CSS ::after伪元素可以适应它的父元素的大小吗？

155

伪元素的CSS影响父元素

css中父元素下面的伪元素

CSS:是否可以选择包含某些元素的父div？

在css中的父元素中包含子元素

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问是否可以在它的父元素css中包含伪元素
EN

回答 1

Stack Overflow用户

CSS ::after伪元素可以适应它的父元素的大小吗？

伪元素的CSS影响父元素

css中父元素下面的伪元素

CSS:是否可以选择包含某些元素的父div？

在css中的父元素中包含子元素

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问是否可以在它的父元素css中包含伪元素EN

回答 1

Stack Overflow用户

CSS ::after伪元素可以适应它的父元素的大小吗？

伪元素的CSS影响父元素

css中父元素下面的伪元素

CSS:是否可以选择包含某些元素的父div？

在css中的父元素中包含子元素

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问是否可以在它的父元素css中包含伪元素
EN