腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
2
回答
如何将
:
after
伪
元素
作为
同级
元素
的
容器
?
我有这个HTML我不应该编辑
的
代码。我需要一个来自css
的
解决方案,才能有这个图像中
的
东西, https://imgur.com/DbPheOW 其中添加了一个黑色矩形,其中包含以下文本:“哥伦比亚”和“南美洲”。我知道解决方案是使用pseudo-elements喜欢:
after
,但我还是个新手CSS但我不知道该怎么做。 我很感谢你
的
帮助,我很乐意学习。 img{ height:300px; list-style:none; }
浏览 48
提问于2021-02-26
得票数 1
回答已采纳
2
回答
CSS :在
伪
类和content之后:声明
、
我正在尝试使用css :
after
在一组链接之间添加管道以添加内容出于某种原因,它将管道添加到<a>标记内部,而不是添加到它们之后。基本上,我所寻找
的
就是得到一个这样
的
列表:对我做错了什么有什么建议吗?
浏览 0
提问于2012-02-22
得票数 1
回答已采纳
1
回答
CSS前/后堆叠顺序。为什么两个人都在上面?
、
我希望在CSS中,前将呈现在
容器
之前,后将呈现在后面。就像这样但顺序是: z-index = 1,
容器
: z-index = 0,后面: z-index =没有间接地提到堆叠顺序,而是暗示了我所希望
的
: 有比强制z指数:-1
浏览 5
提问于2016-12-08
得票数 0
回答已采纳
1
回答
如何使ul>li楼梯效果
、
、
我需要一个简单
的
无序列表,每个子li都有一个自动递增
的
左边距。最后,这看起来应该是:我知道,可以通过简单地嵌套
元素
(一个嵌套在另一个
元素
中),或者手动设置每个下一个li
元素
的
边距,从而实现这一点。我唯一
的
想法是在li中创建一个:
after
伪
,它相对位于父li
的
内部,并在左下角溢出,所以这个
伪
还与下一个
同级
li
元素
重叠( li和:
浏览 1
提问于2017-09-29
得票数 1
3
回答
css中
的
::和~是做什么
的
?
、
、
我看了一个人在推特上写
的
代码,它是这样
的
:-webkit-transform: rotate(2deg);-webkit-transform:
浏览 5
提问于2012-04-22
得票数 25
回答已采纳
1
回答
在css中使用下一个兄弟之后?
、
、
好,拿着这个: <p>Lorem </p>这可以是这样
的
样式: content"POST"> <button>SEND</button&g
浏览 3
提问于2014-03-10
得票数 1
回答已采纳
2
回答
我是否可以使用
同级
组合器
作为
伪
元素
之前或之后
的
目标?
、
、
有没有这个CSS不能工作
的
原因?a[href^="http"]:
after
{ width:10px; display:inline-block;background-color:red; display:none;。。href="http://google.com">
浏览 1
提问于2011-10-12
得票数 39
回答已采纳
5
回答
有没有办法在使用flexbox
的
同时使用clearfix hack?
、
、
、
我一直在使用flexbox进行布局,CSS浮动
作为
旧浏览器
的
后备。总体而言,这很好用,因为理解display: flex
的
浏览器会忽略任何flex项上
的
浮动。是一种广泛使用
的
技巧,它使用不可见
的
:
after
伪
元素
来使
容器
正确地清除/包含其中
的
任何浮动
元素
。然而,问题是这个
伪
元素
被支持flexbox
的
浏览器视为flex项
浏览 1
提问于2016-01-18
得票数 9
4
回答
无法在ReactiveForms输入中显示“前”
元素
、
、
我
的
赌注是在输入中使用:before
元素
,但令人惊讶
的
是,我无法让它出现在DevTools检查器中。当我开始注意到这个问题时,我甚至去解珠子,试图将:before
元素
放在所有输入上,但没有结果。另一方面,主输入
元素
的
样式按预期工作。所以我
的
问题是-放置一个:before或:
after
元素
对任何人都有用吗?它是ReactiveForms
的
一个已知
的
“特性”还
浏览 2
提问于2017-03-22
得票数 0
1
回答
CSS清除浮动与:后
元素
不工作
、
、
非常简单,清除h4
元素
(小部件-标题)后
的
浮点,这样文本框就会对齐在新行上。 background-color: #CCC; float:left; .widget-title:
after
浏览 2
提问于2015-03-31
得票数 3
回答已采纳
2
回答
如何选择输入时
的
兄弟::后
伪
元素
:焦点
、
我想做一个简单
的
输入,当您关注它时,它
的
底部中心会出现一个很好
的
边框,并进行一些转换: height: 2rem; border: transparent;.form-input::
after</
浏览 1
提问于2019-09-12
得票数 1
回答已采纳
3
回答
添加: to :启用CSS
伪
类
、
是否可以仅在纯CSS中向特定类型/类
的
:
after
伪
类添加:
after
伪
元素
?
作为
一个示例,基于您
的
反馈,我希望在禁用
的
收音机周围没有边框(请原谅我没有对:
after
元素
进行对齐):
浏览 0
提问于2017-03-02
得票数 0
回答已采纳
1
回答
使用文本和
伪
元素
旋转div?
、
、
我一直在研究
如何将
一个带有数字文本和一个::
after
伪
元素
的
div旋转成一行。基本上,我已经做到了水平排列(响应于屏幕宽度),但我希望文本旋转-90度,停留在
容器
的
左侧,并使线条占据
容器
的
剩余高度(而不是超出
容器
的
高度)。 应该如下所示: ? display: flex; font-size: 10vw; font-weight: b
浏览 17
提问于2021-03-13
得票数 0
回答已采纳
2
回答
如何使用css在图像上显示框:
after
、
、
、
我有更多
的
网页应用程序,我不能改变所有的网页,但我可以改变css代码。我想用css在图像上显示一个盒子。.thumbnail:
after
{position:absolute;width:20px<img class="thumbnail" src="http://mrizvandi.com/Medi
浏览 3
提问于2015-08-15
得票数 1
3
回答
为什么是::后面的
伪
选择器对图像而不是在它下面?
、
、
、
我有一个包含一些文本和图像
的
容器
作为
最后一个
元素
,我试图将一个::
after
设置为我
的
容器
,但是它被显示在图像上,而不是
容器
的
最后一个
元素
: 我知道我不能将
伪
选择器设置为<img/>,但是这里我将::
after
设置为
容器
,我不明白为什么它不能正常工作。我如何使::
after
成为testDiv
的
最后一个<em
浏览 2
提问于2020-11-24
得票数 1
回答已采纳
1
回答
Select2.js插件预先添加而不是附加所选
元素
的
容器
我使用
的
是jQuery插件,它似乎将select2-container插入到
元素
之前,而不是
元素
之后。这会导致一些假定上一个
同级
的
代码中断。是否有一个"append
after
“选项来初始化
容器
,这样我就知道它总是会附加在
元素
后面?
浏览 0
提问于2012-12-05
得票数 0
回答已采纳
1
回答
为什么::假
元素
在挠曲盒中占据空间之前?
、
我有一个简单
的
示例,在这里,我将::before设置为背景提供一个阴影。我是在一个
元素
display: flex上这样做
的
。然后,我将其中一个flex项设置为flex: 1。有两件事我不喜欢: 这是一些屏幕截图。我希望这里<e
浏览 1
提问于2019-12-24
得票数 0
回答已采纳
1
回答
有:以前:在兄弟姐妹之后?
、
、
这个问题
的
目的是调查是否有可能做以下事情:.element:before { color: orange; color: green; color: red;<div class
浏览 3
提问于2017-06-13
得票数 0
回答已采纳
1
回答
位置:前:在psuedo
元素
之后
、
是否有一种方法可以获得
伪
元素
:
after
,以服从我
的
容器
的
宽度,所以它是橙色结束(500 in之后)
的
位置,还是:
after
总是在
元素
中
的
内容结束
的
位置启动?我
的
元素
的
margin和/或padding总是会影响:before和:
after
伪
元素
吗?我以为他们有自己
的
浏览 4
提问于2017-01-07
得票数 1
回答已采纳
1
回答
伪
元素
可见度行为
、
我谷歌了一下,但也许这里的人可以向我解释一下,为什么
伪
元素
,即:before和:
after
会这样做。 我有一个内容div,里面有一些
元素
-段落、锚、图标等等。假设在一个锚
元素
上我添加了一个:
after
伪
元素
,并填充了一个显示图标的内容。问题是,当隐藏该
元素
时,DOM中不会显示
伪
元素
。一旦我切换了它
的
可见性(从display:none;到display: inline-block;)
浏览 4
提问于2015-05-04
得票数 1
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
伪元素:before与:after的用法
尽可能地使用伪元素
CSS进阶,伪元素的妙用:单标签之美
HTML标签和CSS样式列表
step 1-论CSS:before和:after
热门
标签
更多标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
活动推荐
运营活动
广告
关闭
领券