pseudo-element 相关问题

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

CSS::伪元素后的clear不工作。

这是一个fiddle:http:/jsfiddle.nete4y05yyz1工作在一个响应式布局上。我希望:after伪元素能清除浮动和类.masthead-的元素。

回答 2 投票 -2

父元素,子元素和子元素本身的伪元素的Z索引

如何使父元素的伪元素的z-index高于子元素的伪元素的z-index,但是子元素本身具有最高的z-index?我想要红色...

回答 1 投票 0

为什么我的伪元素过渡会有延迟?

我需要同时对元素及其伪元素进行动画处理。然后我注意到,当我悬停时,一切都很好。但是然后我停止悬停,Home动画,然后是伪元素...

回答 1 投票 2

为什么通用/通配符选择器上的悬停伪选择器似乎不适用?

最小可复制示例 div {background-color:#F00; } *按钮{不透明度:0; } *:悬停按钮{不透明度:1; ...

回答 1 投票 0

字体真棒5,为什么CSS内容未显示?

我正在尝试在CSS内容中使用FontAwesome。它与图标而不是图标的代码一起显示。我已遵循在线帮助,但仍无法使用CSS @ font-face {font -...

回答 5 投票 10

使用伪元素将内容推入CSS中元素的左侧,右侧,顶部或底部

是否有一种方法可以使用伪元素将元素的内容推到右侧,从而在下图中得到结果?现在,这是html代码:

回答 2 投票 1

元素延迟并抽动后动画

我正在尝试为标题中的菜单项设置行为,例如:http://www.germanamericanconference.org/partners/。悬停在元素上时,有一个可来回滑动的栏。就我而言...

回答 1 投票 1

如何在[ element?的同一行上显示:: after内容

具有以下CSS,可以根据需要在URL下划线:.underline {text-decoration:none;职位:相对} .underline:之后{位置:绝对;内容:”;高度:2px;底部:...

回答 1 投票 0

CSS伪元素在Safari上的位置不正确

我编写了以下使用伪元素设计页脚的CSS。看起来在Windows上的Chrome和Firefox上运行良好,但在Safari上,footer_il :: after位于页面底部....

回答 1 投票 0

React JS and CSS伪元素:: after :: before

作为React的初学者,我目前正在努力使用伪元素:: after和:: before来渲染样式化的组件。这是按钮的无礼风格:https://jsfiddle.net / ...

回答 1 投票 0

滚动容器右侧的模糊效果

我想在可滚动容器末端的项目上实现模糊效果。但是即使滚动更远,它也只停留在一项上。它应该只贴在右侧。滚动到...时的初始图片。

回答 1 投票 0

如何将可见的伪元素添加到SVG路径

我正在尝试将SVG地图与国家/地区一起用作“路径”。在悬停时指定国家/地区,我想显示带有背景图像的伪元素(形状相同)。我可以在悬停时操纵填充和描边,可以添加:before(...

回答 1 投票 0

可以在:: after上应用阴影吗?

是否可以将阴影过滤器应用于:: after?我试过了,box-shadow在:: after上起作用,但在filter:drop-shadow:span {display:inline-block;职位:相对...

回答 1 投票 0

如何使用:import伪类中的!important覆盖样式

所以这里就是这种情况。我正在尝试禁用所有动画。因此,我将此类归类为主体的类集合:.no-transition * {-webkit-transition:none!important; -moz-transition:...

回答 1 投票 0

跨越多行的CSS伪元素

我在链接下有一条动画线。它对于单行链接很好用,但是我有一些用换行符分隔的链接 有没有办法使动画下划线出来...

回答 1 投票 0

HTML / CSS-使用span和on:focus的清单

当我':focus'在链接上时,我试图将范围框的颜色设置为红色。跨度在':active'上改变颜色,但是当我使用':focus'时似乎什么也没有发生。类别将输出不同的...

回答 1 投票 0

Python + Selenium-如何检查使用CSS样式并显示为内容的图像?

[通常,通过ID高兴地显示图片。但是在我的示例中,这些图像显示为内容/字符:.fa-calendar-alt:before {Synchro:“ \ f073”;我在这里可以做什么?

回答 3 投票 0


HTML / CSS更改链接上的跨度颜色:focus

当我专注于链接时,我试图将跨度的颜色设置为橙色。跨度在:active上更改颜色,但是当我使用:focus时似乎什么也没有发生。我希望仅使用html和CSS执行此操作。 ...

回答 2 投票 1

css中前后有伪元素的问题

[当前,我试图制作一个动画链接框,但当我将鼠标悬停在鼠标上时,动画仅适用于一个伪元素实例,而不能同时适用于这两个元素。 ...

回答 1 投票 0

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