问题标签 [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 - 是否可以在其父元素下方设置伪元素的堆叠顺序?
我正在尝试使用:after
伪元素 CSS 选择器来设置元素的样式
似乎::after
元素不能低于元素本身。
有没有办法让伪元素低于元素本身?
css - 未知的伪元素或伪类:hover
我从来没有真正关注过这个问题,但我收到了以下错误:
在下面的代码
从什么时候开始 :hover 不是有效的 CSS,还有什么替代方法?
我已经看到到处都在使用这个...
css - 列表中的 xml 计数元素在 Firefox 中不起作用
我正在编写一些 CSS 来自定义 XML 文档的显示。基本上我想自定义子元素的显示,并将它们呈现为类似于 HTML OL/UL/LI 元素。
我的 XML 结构如下:
我的 CSS 看起来像这样:
我正在使用这个网站:http ://www.xml.com/lpt/a/401并且基本上有一个类似的文档http://www.xml.com/2000/03/29/tutorial/examples/display1.xml,问题是 display1.xml 在 firefox 中不起作用。我确实让它在 IE、Safari、Chrome 等中工作。
任何人都可以提供可以在 Firefox 以及其他浏览器中使用的链接或解决方案吗?
css - Chrome 和首字母伪元素的 CSS 问题
我有一个问题,与所有其他浏览器(如 IE、Firefox、Safari)相比,Windows 上的 Google Chrome 将段落的第一个字母放置在不同的位置。不同之处在于垂直位置 - 字母在所有其他浏览器中看起来更高(在每个浏览器中都相同)但在谷歌浏览器中更低,这使得第一个字母的样式几乎不可能。
你碰巧知道为什么以及如何发生这种情况吗?
可能是母 DIV 的样式会影响段落样式,但我不这么认为。
另外,顺便说一下,WordPress 中的 Drop-Caps 插件在 Firefox 中不起作用。
html - 哪些元素支持 ::before 和 ::after 伪元素?
我正在尝试为<input>
HTML5 中的 s 提供一些好的默认样式,并尝试了以下方法:
唉,::after
内容永远不会出现。伪元素的双冒号和单冒号不是问题;我都试过了。拥有伪元素和伪类也不是问题;我试过没有:valid
and :invalid
。我在 Chrome、Safari 和 Firefox 中得到了相同的行为(Firefox 没有:valid
和:invalid
伪类,但我在没有这些的情况下尝试过。)
伪元素在<div>
、<span>
、<p>
和<q>
元素上工作正常——其中一些是块元素,一些是内联元素。
所以,我的问题是:为什么浏览器同意<input>
s 没有::after
? 我在规范中找不到任何表明这一点的东西。
html - 放置 HTML 伪元素
我的CSS看起来像这样;
我希望拍摄更高(高度)的 gif,但是当应用 css 时我的 lineheigth 会增加(即使似乎有足够的空间容纳更大的图片,p-tag 的 line-height 是 18px)。是否可以将包含 gif 的伪元素放在页面上稍微高一点的位置?还有其他解决方案吗?
jquery - 如何使用 jQuery 访问伪元素的样式属性?
对于上下文,这是对较早问题的跟进。cssRules
我不想深入研究,而是将逻辑建立在 jQuery 选择器上,以搜索这些规则的效果。
给定默认属性
有选择地修改,如
如何选择其各自背景位置具有默认值的伪元素?复制选择器,如
什么都不匹配。尝试.siblings()
_
只产生none
值。
有关完整详细信息,请参阅实时页面。这可能吗?
css - 如何为 :before 和 :after 伪元素启用 -webkit-animation/transition-property?
如何启用-webkit-animation
:before 和 :after 伪元素?
您可以在http://jsfiddle.net/4rnsx/中看到它不适用于 :before 和 :after。
在这里,我尝试使用 Mootools http://jsfiddle.net/6bzCS/启用此功能。
Mozilla - 将在 Firefox 4 中支持它https://developer.mozilla.org/en/CSS/-moz-transition-property
W3C - CSS3 支持所有元素的过渡属性,:before 和 :after 伪元素http:// www.w3.org/TR/css3-transitions/#transition-property
更新:如何启用fadein
,fadeout
用于 CSS3 工具提示http://css-plus.com/2010/04/create-a-speech-bubble-tooltip-using -css3-and-jquery/和演示?
html - :after 和 :before 用于 Internet Explorer 7 的 CSS 伪元素破解
我正在使用CSS 伪元素:after
,:before
它在Internet Explorer 8和所有现代浏览器中运行良好,但在Internet Explorer 7中运行不正常。在Internet Explorer 7中是否有已知的黑客可以解决这个问题?