pseudo-element

1热度

2回答

我要让下面的代码工作： @mixin wrapper-bg($make-id) { } .wrapper-bg:before { ... background-image: url('/images/makes/{$make-id}.png'); ... } 什么我的最好的计划吗？编辑：其实我可能做错了。我想要的是每种产品的风格，唯一改变的就是图像。这

2热度

3回答

如何防止css伪元素从主元素中保留css？

我有一个奇怪的问题，我想在使用css的元素之前和之后添加大括号。由于花括号在html中并不存在，因此我使用css伪元素在前后添加花括号。我的问题是，伪元素正在从主CSS选择器的CSS样式。我不希望花括号有强调，穿透，蓝色等。我怎样才能防止这种情况？这里是什么错误示例： amdstyle[type="6"]{ \t margin-left: .5em; \t text-decorati

0热度

2回答

在伪元素中计算元素和输出

我有一个类名为“vc_tta-panels”的div。在这个div中有几个div类，名字为'vc_tta-panel'。我想要计算vc_tta-panels div中的div。我怎样才能做到这一点？如何显示计数结果在一个li伪元素的不同页面上，类名为'menu-item-4331 :: after'using content：“”;在CSS？ <div class="vc_tta-panels"

4热度

8回答

放置一个字符作为一个div背景

9热度

4回答

包含CSS内容的div，伪元素不可见后

我有一个POC，必须完成，并且只允许使用CSS来更新产品的样式。我已经使用CSS内容属性将产品图片中的一幅图片替换为徽标。我必须添加一个简单的字符串，并在此徽标后显示电话号码。我试图用:after伪元素来做到这一点。这仅适用于div为空的内容（徽标已被删除）。 .demo { content: url('http://placehold.it/350x150') }

0热度

3回答

带有水平卷曲支架的标签文本

我正在显示句子，某些短语来自某个班级。现在，我想用上面的一个大括号将这些短语的类包括在内，如附加的模型所示。我的问题是：什么是实现这种功能的最佳方式？有没有任何代码示例？ EDIT（当前代码加）： HTML <token>Effects</token> <token>of</token> <token>an</token> <token>ascorbic</token> <elem ty

3热度

6回答

CSS切割半右上边框和半右上边框

如何实现这种复选框（图片如下所示）？我尝试了一些代码，但它不会按我的预期工作。在伪元素之前我不熟悉css。 JSFiddle .chkbox { height: 15px; width: 15px; background-color: #fff; border: 1px solid #ddd; position: relative; tr

0热度

1回答

制作内容显示在：伪选择器之前？

我有一个元素 <div class="Test_then">The result is ...</div> 的Test_then类看起来是这样的： .Test_then::before { content: 'Then'; } 我的目标是让（The result is ...）出现下面由Test_then类添加Then内容。因此，换句话说，在将呈现这样的： Then The

1热度

4回答

如何在元素底部居中一个小边框：before和：after？

我想在我的头条新闻网站上创建一个小边框。我正在使用伪元素之前和之后。代码有点特别，因为我正在调整我使用的模板的代码。这是这样的see fiddle 问题是“左：48％;”属性：我已经手动设置了它，但取决于屏幕的大小，它可能是居中或不居中，因此它不响应。有没有办法让边框始终位于文字下方？ .headline p:before, .headline p:after { positi

3热度

1回答

向Div和它的伪元素（CSS或Javascript/jQuery）添加锚链接

我有一个锚点链接，上面有一个图标的菜单。我需要它，这样当有人点击菜单项或其上面的伪元素时，链接就会起作用。我有一个在这里codepen：http://codepen.io/emilychews/pen/wJrqaR 红色广场，将举行图标伪元素。的代码是： CSS .menu{ position: relative; left: 50px; top: 50px; height: 30px