问题标签 [pseudo-element]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
3523 浏览

css - 有没有办法让 IE8 在 `:before` 伪元素上不透明?

我有这个简单的 CSS ......

js小提琴

伪元素在 Firefox 6 中具有正确的:before不透明度。在 IE8 中,不应用不透明度。

通常,在作品上设置不透明度div,但这不是我想要的。

我尝试添加display: block,但没有帮助。

虽然我可以解决这个问题,但是否有任何技巧可以让 IE8 尊重(以及就此而言)伪元素opacity上的属性?:before:after

0 投票
1 回答
7873 浏览

css - ::-webkit-selection 选择器曾经被支持过吗?

互联网上有一些关于选择器::-webkit-selection的 WebKit 特定版本的参考::selection

参见例如http://www.quirksmode.org/css/selection.html编辑: PPK::-webkit-selection已从该页面中删除。)

但是,我无法让上面页面中的示例或我自己的示例在任何基于 WebKit 的浏览器中工作。我试过了:

  • 苹果浏览器
    • 1.0
    • 1.2
    • 2.0
    • 3.0
    • 4.0
    • 5.0
    • 5.1
  • 铬合金
    • 2
    • 6
    • 14

无论如何,无前缀::selection选择器在所有这些浏览器中都有效,所以这不是一个真正的问题。但我想知道对这个选择器的 WebKit 特定版本的引用是从哪里来的。

有人用过吗?

0 投票
1 回答
278 浏览

html - 避免容器 div

假设您有一个网站,并且有一个漂亮的粉红色标题,它在您的整个屏幕上水平延伸。在标题内有一些文本需要居中并具有 960 像素的固定宽度区域。

x = 粉红色背景行 y = 黄色背景行

是否有人有一个最新的 css(无 js)解决方案来消除对容器 div 的需要,只是经常用于填充?

html:

CSS:

有人有解决方案吗,也许前后有伪?所以你可以写漂亮的html:

并在css中修复它。

这是一个基本的例子,重点是;我经常必须使用 div 来进行布局,主要是填充。当然,我可以设置单独的背景来解决问题,但我说的是把这一切放在一起,因为可能有相同的问题和另一个背景。与主要内容相同,依此类推。

希望有类似的东西:

这将“成功”并在调整视口大小后进行缩放。

0 投票
2 回答
815 浏览

html - 获得点击 css :pseudo-elements

我正在尝试制作一个自定义复选框,所以我做了类似的事情:http: //jsfiddle.net/wQdUn/2/

问题是,在基于 WebKit 的浏览器上,复选框仅在单击 的内容时才被切换<span>,而不是在框本身上,而在 Firefox 中,我得到了我期望的行为。

所以我有两个问题:

  • 哪一项是正确的行为(即符合规范的行为)?
  • 如何在两个浏览器(和其他浏览器......)中获得我想要的结果?

谢谢。

0 投票
1 回答
3568 浏览

css - 为什么当它的容器有一个 :before/:after 伪元素时文本缩进不起作用?(外汇/歌剧)

今天遇到了这个怪癖。

http://jsfiddle.net/UJAjD/3/

您会注意到,在 Firefox 7 和 Opera 中,灰色框中包含“Next”一词。CSS 包含一个 text-indent 属性,该属性应该将该文本移出其容器。在 IE 或 Chrome 中查看此页面会以应有的方式显示。至少你认为它应该显示的方式。

这是一个已知的错误?有解决方法吗?

0 投票
2 回答
1573 浏览

jquery - 将 `.css` 用于伪元素

可能的重复:
使用 jQuery 操作 CSS :before 和 :after 伪元素

我想要 jQuery 等价于这个 CSS 代码:

我天真地尝试过$('p:before').css('content', 'Intro!');,但它不起作用。

如何使用 jQuery 进行伪元素 CSS 修改?

0 投票
1 回答
43 浏览

html - body/html 伪元素不作用于整个文档

请查看这个小提琴:http: //jsfiddle.net/dppJw/8/

我为body(也尝试过html)使用了一个伪元素,并且覆盖并没有一直到文档的末尾(尝试滚动)。

如何在整个文档上叠加?

0 投票
2 回答
13335 浏览

css - 我可以使用兄弟组合器定位 :before 或 :after 伪元素吗?

这个CSS不起作用有什么原因吗?

http://jsfiddle.net/6v5BZ/

.. 在这个 HTML 上?

这个想法是在匹配锚标签上有一个伪元素。但我不希望它应用于包装图像的锚标签。而且由于我不能使用类似的东西来定位锚点a < img,我想也许我可以通过找到它的兄弟图像来定位 :after 伪元素。

任何见解将不胜感激。

0 投票
4 回答
85314 浏览

css - 将 webkit 滚动条样式应用于指定元素

我不熟悉以双冒号为前缀的伪元素。我遇到了一篇博客文章,讨论了使用一些仅使用 webkit 的 css 来设置滚动条的样式。伪元素 CSS 可以应用于单个元素吗?

在这个小提琴中,我想让 div 的滚动条自定义,但主窗口的滚动条保持默认。

http://jsfiddle.net/mrtsherman/4xMUB/1/

0 投票
2 回答
552 浏览

html - 什么是伪元素?

我正在剖析这个非常漂亮的例子,说明 CSS 如何帮助您在图像上创建漂亮的发光效果。

http://jsfiddle.net/necolas/KbNq7/

示例中的这一特定行提到:

虽然这种方法只会在 Firefox 4 中产生完整的效果,但其他浏览器最终会赶上并将过渡应用于 伪元素

什么是伪元素?