问题标签 [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.
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 特定版本的引用是从哪里来的。
有人用过吗?
html - 避免容器 div
假设您有一个网站,并且有一个漂亮的粉红色标题,它在您的整个屏幕上水平延伸。在标题内有一些文本需要居中并具有 960 像素的固定宽度区域。
x = 粉红色背景行 y = 黄色背景行
是否有人有一个最新的 css(无 js)解决方案来消除对容器 div 的需要,只是经常用于填充?
html:
CSS:
有人有解决方案吗,也许前后有伪?所以你可以写漂亮的html:
并在css中修复它。
这是一个基本的例子,重点是;我经常必须使用 div 来进行布局,主要是填充。当然,我可以设置单独的背景来解决问题,但我说的是把这一切放在一起,因为可能有相同的问题和另一个背景。与主要内容相同,依此类推。
希望有类似的东西:
这将“成功”并在调整视口大小后进行缩放。
html - 获得点击 css :pseudo-elements
我正在尝试制作一个自定义复选框,所以我做了类似的事情:http: //jsfiddle.net/wQdUn/2/
问题是,在基于 WebKit 的浏览器上,复选框仅在单击 的内容时才被切换<span>
,而不是在框本身上,而在 Firefox 中,我得到了我期望的行为。
所以我有两个问题:
- 哪一项是正确的行为(即符合规范的行为)?
- 如何在两个浏览器(和其他浏览器......)中获得我想要的结果?
谢谢。
css - 为什么当它的容器有一个 :before/:after 伪元素时文本缩进不起作用?(外汇/歌剧)
今天遇到了这个怪癖。
您会注意到,在 Firefox 7 和 Opera 中,灰色框中包含“Next”一词。CSS 包含一个 text-indent 属性,该属性应该将该文本移出其容器。在 IE 或 Chrome 中查看此页面会以应有的方式显示。至少你认为它应该显示的方式。
这是一个已知的错误?有解决方法吗?
jquery - 将 `.css` 用于伪元素
我想要 jQuery 等价于这个 CSS 代码:
我天真地尝试过$('p:before').css('content', 'Intro!');
,但它不起作用。
如何使用 jQuery 进行伪元素 CSS 修改?
css - 我可以使用兄弟组合器定位 :before 或 :after 伪元素吗?
这个CSS不起作用有什么原因吗?
.. 在这个 HTML 上?
这个想法是在匹配锚标签上有一个伪元素。但我不希望它应用于包装图像的锚标签。而且由于我不能使用类似的东西来定位锚点a < img
,我想也许我可以通过找到它的兄弟图像来定位 :after 伪元素。
任何见解将不胜感激。
css - 将 webkit 滚动条样式应用于指定元素
我不熟悉以双冒号为前缀的伪元素。我遇到了一篇博客文章,讨论了使用一些仅使用 webkit 的 css 来设置滚动条的样式。伪元素 CSS 可以应用于单个元素吗?
在这个小提琴中,我想让 div 的滚动条自定义,但主窗口的滚动条保持默认。
html - 什么是伪元素?
我正在剖析这个非常漂亮的例子,说明 CSS 如何帮助您在图像上创建漂亮的发光效果。
http://jsfiddle.net/necolas/KbNq7/
示例中的这一特定行提到:
虽然这种方法只会在 Firefox 4 中产生完整的效果,但其他浏览器最终会赶上并将过渡应用于 伪元素。
什么是伪元素?