pseudo-element 相关问题

CSS伪元素允许在元素内增强内容显示或者为元素生成额外的开始或结束内容的能力。

如何使用css伪元素创建自定义工具提示

我正在阅读css-tricks,最后我可以看到以下内容。使用HTML5数据属性,然后将该属性拉入并将其设置为伪元素,我们可以创建完全自定义...

回答 3 投票 3

使用CSS:before和:after伪元素与内联CSS?

我正在制作一个带有内联CSS的HTML电子邮件签名(即样式属性中的CSS),我很好奇是否可以使用:before和:after伪元素。如果是这样,我怎么会......

回答 7 投票 109

CSS为混合应用程序页面创建非矩形标题

我正在设计混合Cordova / Android应用程序页面的布局,我需要使用非标准的,而不是矩形的标题。我想得到的形状就像那个......

回答 1 投票 0

为什么开发人员在父div上使用:: before伪元素和display:table

我在大多数网站上看到人们经常使用父母 s ::before pseudo with content:''; (i know that you need to put the content) and display: table and I can't figure out why. and

回答 2 投票 0

React - 输入上的伪元素根本没有呈现[重复]

我在这里击败了为什么在输入元素上没有渲染:: after元素时,但是在某些div上它渲染得很好。我正在努力使表现友好的焦点效果......

回答 1 投票 0

如何将两个HTML伪元素行与另一个垂直伪线连接,跨越表行?

我正在尝试连接HTML表中存在的配对引导标签。每对由“In”和“Out”颜色匹配的标签组成,代表患者进入和退出......

回答 1 投票 3

将父级的伪不透明度剪辑设置为子边框半径

我试图让我的父母将不透明度(暗淡)样式与子元素重叠,但这个子元素可以有不同的边界半径' - 10px,50%等。我正在尝试制作叠加剪辑...

回答 1 投票 0

是否可以将伪元素的堆叠顺序设置在其父元素下面?

我试图使用:after伪元素CSS选择器#element {position:relative; z-index:1; } {element:after {position:relative; z-index:0;内容:“......

回答 9 投票 242

在CSS之前或之后更改SVG填充颜色

我有一个像这样的SVG图形:a :: before {content:url(filename.svg);当我将鼠标悬停在标签上时,我真的希望SVG更改填充颜色,而不加载新的SVG文件,因为我...

回答 2 投票 28

:聚焦环移除:伪元素之前

我有一个包含span的按钮,然后有一个伪选择器:在某些情况下应用于它之前。当元素(按钮)获得焦点时,:before也接收焦点和焦点......

回答 2 投票 2

为什么:在子元素内部伪元素渲染而不是所选元素之后? [关闭]

我有一个问题,我的伪元素(:after)在子元素内而不是在实际元素之后呈现!这是有问题的,因为我无法定位伪元素......

回答 1 投票 2

Font Awesome 5 - 在CSS伪元素中选择正确的font-family

我目前很困惑使用CSS伪元素中的图标。 fontawesome有4种字体系列:Font Awesome 5 Free,Font Awesome 5 Solid,Font Awesome 5 Brands,Font Awesome 5 ...

回答 1 投票 4

字体真棒5,为什么css内容没有显示?

我试图在CSS的内容中使用FontAwesome。它出现在图标的代码而不是图标。我已经按照在线帮助,但仍然没有工作css @ font-face {font -...

回答 3 投票 4

Targeting Font Awesome 5 svg伪元素

我正在使用字体很棒的5个伪元素来附加一个:after标签到我的元素之后像这样&:after {content:“\ f068”;字体重量:400;颜色:$ brandRed;浮动:权利;字体系列:...

回答 1 投票 1

伪元素不显示背景图像

为什么我的背景图像在伪元素::不显示之前?我还测试了用背景颜色替换背景图像,它仍然无法正常工作。这是SASS格式......

回答 3 投票 0

是否有任何理由为什么伪元素:: after和:: before在Foundation中不起作用?

我正在使用Foundation 6 for Sites来创建响应式网站。我没有使用pseudoelements :: after和:: before(我没有忘记content属性)。我的浏览器代码检查器显示没有...

回答 1 投票 0

CSS样式:在位置之前?额外的空间

小提琴:https://jsfiddle.net/sgbotsford/d52zyp0t/72/额外的第一行缩进来自哪里 使用=>:在内容之前?这是问题所在。超出我的情况......

回答 1 投票 0

CSS:之前没有处理某些元素,:工作之后就好了

我正在使用:之前和之后模拟箭头。 :在代码之后就好了,但是添加:之前没有,它甚至没有出现在chrome DevTools的元素部分。我确定'...

回答 1 投票 2

如何在Firefox中显示100%高度的伪元素

只有Firefox似乎忽略了底部:0;宣言。即使我尝试将h1:before元素的高度设置为100%,它也不会改变Firefox中的任何内容。这有什么解释......

回答 1 投票 0

如何仅将变换效果应用于box-shadow

我正在构建一个使用:hover伪类来显示box-shadow的菜单。这是一个正常的导航项目,这里是下面的相同项目:悬停。我正在使用transform属性来应用偏斜...

回答 3 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.