Questions tagged «pseudo-element»

有什么方法可以使用jQuery 选择和操作CSS伪元素，例如::before和::after（以及带有分号的旧版本）？ 例如，我的样式表具有以下规则： .span::after{ content:'foo' } 如何使用jQuery将'foo'更改为'bar'？

943 javascript  jquery  css  jquery-selectors  pseudo-element 

我正在尝试:after在input字段上使用CSS伪元素，但是它不起作用。如果我将其与一起使用span，则可以正常运行。 <style type="text/css"> .mystyle:after {content:url(smiley.gif);} .mystyle {color:red;} </style> 这有效（在“ buu！”之后和“更多”之前放入笑脸） <span class="mystyle">buuu!</span>a some more 这是行不通的-它只将someValue涂成红色，但没有笑脸。 <input class="mystyle" type="text" value="someValue"> 我究竟做错了什么？我应该使用另一个伪选择器吗？ 注意：我无法在span周围添加input，因为它是由第三方控件生成的。

685 html  css  pseudo-element  css-content 

我有一个元素列表，其样式如下： ul { list-style-type: none; text-align: center; } li { display: inline; } li:not(:last-child):after { content:' |'; } <ul> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li> <li>Five</li> </ul> 运行代码段隐藏结果展开摘要 输出One | Two | Three | Four | Five |代替One | Two | Three | Four | Five 有谁知道如何使用CSS选择除最后一个元素以外的所有元素？ 您可以在此处查看:not()选择器的定义

368 css  css-selectors  pseudo-element 

如何写:hover和:visited条件a:before？ 我正在尝试，a:before:hover但是没有用

346 css  css-selectors  pseudo-element  pseudo-class 

假设我想使用图像修饰指向某些文件类型的链接。我可以声明我的链接为 <a href='foo.pdf' class='pdflink'>A File!</a> 然后像CSS .pdflink:after { content: url('/images/pdf.png') } 现在，这很好用，除非pdf.png不是我的链接文本的合适大小。 我希望能够告诉浏览器缩放:after图像，但是我终生无法找到正确的语法。还是像背景图片那样无法调整大小？ ETA：我倾向于a）将源图像的大小调整为服务器端的“正确”大小，和/或b）更改标记以简单地内联提供IMG标签。我试图避免这两种情况，但是它们听起来比单纯使用CSS做事更具兼容性。答案我原来的问题似乎是“你可以排序的做到这一点，有时”。

251 css  pseudo-element 

只是想知道是否有可能以某种方式使CSS content属性插入html代码而不是字符串:before或:after类似这样的元素： .header:before{ content: '<a href="#top">Back</a>'; } 这将非常方便...可以通过Javascript完成，但是使用CSS确实可以使生活更轻松:)

246 html  css  pseudo-element  css-content 

我想使用一个开关在网页上放置段落标签。 我使用after伪元素： p:after {content: url("../img/paragraph.gif");} 现在，我需要从页面中删除此CSS代码。 如何轻松做到这一点？ 我要补充一点： jQuery已在页面上使用 而且我不想包含或删除包含CSS的文件。

235 javascript  html  css  pseudo-element 

我想在CSS（或任何其他伪选择器）中结合:after使用:hover。我基本上有一个列表，并且selected该类的项目具有使用组成的箭头形状:after。我希望对于悬停但无法完全正常运行的对象也是如此。继承人代码 #alertlist { list-style:none; width: 250px; } #alertlist li { padding: 5px 10px; border-bottom: 1px solid #e9e9e9; position:relative; } #alertlist li.selected, #alertlist li:hover { color: #f0f0f0; background-color: #303030; } #alertlist li.selected:after { position:absolute; top: 0; right:-10px; bottom:0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #303030; content: …

184 css  css-selectors  pseudo-element 

无论如何要使伪旋转 content:"\24B6"? 我正在尝试旋转unicode符号。

159 css  rotation  pseudo-element 

我正在使用内联CSS（即style属性中的CSS ）制作HTML电子邮件签名，并且对于是否可以使用:before和:after伪元素感到好奇。 如果是这样，我将如何用内联CSS实现类似的东西？ td { text-align: justify; } td:after { content: ""; display: inline-block; width: 100%; }

141 html  css  css-selectors  pseudo-element  inline-styles 

CSS 2.1 :after和CSS 3 ::after伪选择器之间有什么功能上的区别（::after较旧的浏览器不支持）？使用新规范是否有实际原因？

132 css  css-selectors  pseudo-element  pseudo-class 

我有一个Modal绝对定位的CSS类，在其父对象上方经过z索引，并且与JQuery定位良好。我想在模式框的顶部添加一个插入符图像（^），并且正在考虑使用:beforeCSS伪选择器来做到这一点。 图像需要绝对定位并在模态上方进行z索引，但是我还没有找到将适当的类添加到content属性中的图像的任何方法： .Modal:before{ content:url('blackCarrot.png') /* with class ModalCarrot ??*/ } .ModalCarrot{ position:absolute; left:50%; margin-left:-8px; top:-16px; } 第二好的选择-我可以在content属性中内联添加样式吗？

116 css  modal-dialog  pseudo-element 

:before同一元素是否可以有多个伪元素？ .circle:before { content: "\25CF"; font-size: 19px; } .now:before{ content: "Now"; font-size: 19px; color: black; } 我正在尝试使用jQuery将上述样式应用于同一元素，但仅应用了最新样式，从未应用过它们。

116 css  css-selectors  pseudo-element  css-content 

由于IE7和IE8不支持伪元素（例如::after或::first-letter）的双冒号表示法，并且由于现代浏览器支持:after向后兼容的单冒号（例如），我应仅使用单冒号表示法以及何时使用IE8的市场份额下降到可以忽略的水平，然后回去查找/替换我的代码库？还是我都应该同时包括： .foo:after, .foo::after { /*styles*/ } 如果我关心IE8用户（可怜的朋友），单独使用double似乎很愚蠢。

108 css  internet-explorer-8  css-selectors  internet-explorer-7  pseudo-element 

我在理解CSS :after属性的行为时遇到了麻烦。根据规格（在这里和此处）： 顾名思义，:before和:after伪元素指定内容在元素文档树内容之前和之后的位置。 这似乎并未限制哪些元素可以具有:after（或:before）属性。但是，它似乎仅适用于特定元素 ... <p>有效，<img>无效，<input>无效<table>。我可以测试更多，但重点是。请注意，这在各浏览器之间似乎非常一致。是什么决定对象是否可以接受:before和:after属性？

100 css  pseudo-element