Questions tagged «pseudo-element»

我有一组使用的样式链接:before以应用箭头。 在所有浏览器中看起来都不错，但是当我在链接上应用下划线时，我不想在:before零件上使用下划线（箭头）。 例如，请参见jsfiddle：http : //jsfiddle.net/r42e5/1/ 是否可以删除它？我所坐的测试样式#test p a:hover:before确实得到了应用（根据Firebug），但是下划线仍然存在。 有什么办法可以避免这种情况？ #test { color: #B2B2B2; } #test p a { color: #B2B2B2; text-decoration: none; } #test p a:hover { text-decoration: underline; } #test p a:before { color: #B2B2B2; content: "► "; text-decoration: none; } #test p a:hover:before { text-decoration: none; } <div …

94 html  css  hyperlink  pseudo-element  text-decorations 

之类的东西a:link或div::after... 有关差异的信息似乎很少。

93 css  css-selectors  pseudo-class  pseudo-element 

我想知道为什么浏览器只对第一个元素显示双引号。第二个元素用单引号代替。 a::before { content: open-quote; } <a href="http://www.google.com">Google</a> <br> <a href="http://www.amazon.com">Amazon</a> 运行代码段隐藏结果展开摘要

89 html  css  pseudo-element  css-content 

在CSS中，可以placeholder使用供应商特定的伪类和伪元素的组合来为输入中的文本设置样式（以获得最佳的跨浏览器覆盖）。 这些都具有相同的基本属性（即：文本样式和颜色声明）。 但是，尽管我不可避免地希望使用相同的样式，而与浏览器供应商无关，但似乎无法将它们组合成一个逗号分隔的选择器（就像您想要两个选择器共享的其他CSS一样）相同的样式）。 例如，我倾向于使用以下四个选择器来定位占位符样式： input:-moz-placeholder input::-moz-placeholder input:-ms-input-placeholder input::-webkit-input-placeholder （尽管:-moz-placeholder 不赞成这样做，::-moz-placeholder但仅在FireFox 19发行时才发生，因此目前都需要两者都可以提供更好的浏览器支持）。 令人沮丧的是，声明和赋予每种（相同）样式会导致CSS内的大量重复。 因此，为确保占位符文本右对齐和斜体，我将得出以下结论： input:-moz-placeholder{ font-style: italic; text-align: right; } input::-moz-placeholder{ font-style: italic; text-align: right; } input:-ms-input-placeholder{ font-style: italic; text-align: right; } input::-webkit-input-placeholder{ font-style: italic; text-align: right; } 我真正想做的是将它们组合为一个逗号分隔的规则集，如下所示： input:-moz-placeholder, input::-moz-placeholder, input:-ms-input-placeholder, input::-webkit-input-placeholder{ font-style: italic; text-align: right; } 但是，尽管在少数情况下尝试过此操作，但这似乎从未奏效。这让我担心，CSS的某些基本部分我不了解。 有人能阐明为什么会这样吗？

76 css  css-selectors  pseudo-element  pseudo-class 

我是一个以双冒号为前缀的伪元素的新手。我遇到了一篇博客文章，讨论仅使用某些Webkit CSS的滚动条样式。伪元素CSS可以应用于单个元素吗？ /* This works by applying style to all scroll bars in window */ ::-webkit-scrollbar { width: 12px; } /* This does not apply the scrollbar to anything */ div ::-webkit-scrollbar { width: 12px; } 在这个小提琴中，我想使div的滚动条自定义，但是主窗口的滚动条保持默认状态。 http://jsfiddle.net/mrtsherman/4xMUB/1/

76 css  webkit  pseudo-element 

我正在构建React组件。正如React背后的一位专家在本次精彩的演讲中所建议的那样，我已经在组件中添加了CSS内联。我一直在努力寻找一种方法来内联添加CSS伪类，就像在演示文稿中名为“ :: after”的幻灯片上一样。不幸的是，我不仅需要添加该content:"";属性，还需要添加该属性position:absolute; -webkit-filter: blur(10px) saturate(2);。幻灯片显示了如何通过添加内容{/* … */}，但是如何添加其他属性？

76 javascript  css  reactjs  pseudo-element 

我想将a附加<br />到特定的类。使用：after伪类仅显示<br />为文本。 有没有办法使这项工作？ 它是IE8的内部功能，因此浏览器问题不成问题。如果我做 <span class="linebreakclass">cats are</span> brilliant 我希望“辉煌”出现在新行中。

73 css  pseudo-element