CSS伪元素允许在元素内增强内容显示或者为元素生成额外的开始或结束内容的能力。
为什么我的CSS中的::before在React中不起作用?
这是 React Js 文件: `从“反应”导入反应; 导入“./body-section.css”; 从“../etc/Image-robot.jpg”导入背景; 常量主体 = () => { 返回(...
Font Awesome 图标在标题按钮的移动视图上显示不同
抱歉,完全菜鸟(自学)。在标题中的按钮中添加了一个 Font Awesome 图标(fa fa-phone-alt),该图标在桌面视图上正确显示,但在移动视图中它显示了 f...
嘿伙计们为这个问题苦苦挣扎了一段时间,但无法解决问题。我在页脚中有社交图标,当你访问它时我想改变颜色,或者悬停它,但由于某种原因 v...
我正在尝试使用 tailwindcss 添加静态颜色的图像叠加层。如果你检查浏览器,父 div 只采用图像的大小,所以理想情况下,之前的伪类应该采用
我有一个类为 .parent-div 的 div 元素。它有一个 1px 厚和 608px 宽的 border-bottom。 div 本身是 600px 宽。我需要让最后 20% 的边框底部不同
我有一个列表,其中我使用 5 个带有 flex-basis 的 div 来分隔每 li 行中的内容。这些 div 中的每一个都有一个带有标题的数据标签属性,用于移动设备的备用视图。所以我有一个...
iOS11低功耗模式会影响修改Shadow DOM元素的伪元素吗?
在正常电源模式下,在 iOS11(在 iPhone 8 和 X 上测试),我能够隐藏视频元素的阴影根内的按钮元素覆盖。 启用低功耗模式后,我的伪元素我...
即使使用 overflow-x CSS 也会溢出:隐藏在 html 元素上
我想要从页面边缘“窥视”一些图形。图形是SVG,不可见的部分应该从屏幕边缘“切掉” 我试着设置...
目标是使用无序列表,其中相对位置的每个下拉列表都包含一个段落。我有伪代码 :active 正常工作,但我想知道是否可以切换它 ...
所以我正在尝试构建一个弹出块来切换网站上的语言。 由于设计有一定的阴影,我需要从弹出块本身单独构建阴影。所以我想...
内容:'>';在“::之后”被溢出剪裁:隐藏; HTML: 我... “::after”中的content: '>';被overflow: hidden;剪裁 HTML: <body> <div style="text-align:center;"> <span style="float:left;">I'm on the left</span> <span class="centered-text">a brown fox jumps over the lazy dog</span> <span style="float:right;">I'm on the right</span> </div> </body> CSS: .centered-text { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 30vw; } .centered-text::before { content: '<'; } .centered-text::after { content: '>'; } 结果: I'm on the left <a brown fox jumps over th... I'm on the right “::after”中的'>'被剪掉了. 我期望的是 '>' 仍然可见。 I'm on the left <a brown fox jumps over th...> I'm on the right 我已经将overflow: visible;添加到“::之后”以覆盖.centered-text中的那个但'>'仍然被剪掉了。
Automatically copy text from element to :before content 属性
我正在尝试在不创建额外的文本元素的情况下在我的页眉上添加缩放文本效果。尝试这样做,我正在使用 ::before 伪元素。然而,为了创造这种效果,伪元素......
使用 CSS :before 和 :after 伪元素与内联 CSS?
我正在使用内联 CSS(即样式属性中的 CSS)制作 HTML 电子邮件签名,我很好奇是否可以使用 :before 和 :after 伪元素。 如果是这样,我将如何影响...
我正在试验伪元素,我想知道为什么 .container::after 元素在动画期间改变它的位置。这是 HTML 和 CSS 代码: ...
我在一个网站上工作,该网站的主页部分在 Safari 和 Chrome 中显示不同。 在 Chrome 上,我可以看到代码在样式之前和之后使用伪元素,使用...
动画是先把形状向下移动,然后再向左移动,而不是对角线移动。我在动画时间上出了问题,或者说是元素的定位出了问题,我明白这只是 ...
用纯CSS创建banner。伪元素上的z-index没有达到预期的效果。
下面的代码应该产生一个简单的色带,3D效果是通过CSS伪元素实现的。但是由于某些原因,视觉效果不能正常工作,因为左右 "翅膀 "的 ...
我使用font awesome 5伪元素来附加一个:after标签到我的元素上,像这样&:after { content: "ff068"; font-weight:400; color:$brandRed; float:right; font-family:...
我有一个列表,使用:after显示箭头。它的工作原理是好的,但有时会在每个箭头内动态添加多于一行的文字。
CSS :not()如果任何元素是class="foo "的容器的子元素,我如何不选择它?
我正试图用SASS为一个WordPress网站创建CSS代码,我已经为显示在".entry-content "容器中的内容编写了样式。我已经创建了一些自定义块,并给 ...