草庐IT

pseudo-typedef

全部标签

html - 空 href 和 :link pseudo class 的奇怪结果

这是一些非常简单的标记和CSS:a{color:red;}a:link{color:green;}onetwothreefourFIDDLE现在来自spec:inHTML4,thelinkpseudo-classesapplytoAelementswithan"href"attribute.所以我希望前3个链接是绿色的。但是没有,结果实际上只有第一个非空href的链接是绿色的。所以我使用了inspectelement并且我看到a:link选择器实际上覆盖了前3种情况下的a选择器,但出于某种原因只适用第一种情况下的样式。这是怎么回事?还有一件事,当我测试各种浏览器时,我注意到Chrome

html - 空 href 和 :link pseudo class 的奇怪结果

这是一些非常简单的标记和CSS:a{color:red;}a:link{color:green;}onetwothreefourFIDDLE现在来自spec:inHTML4,thelinkpseudo-classesapplytoAelementswithan"href"attribute.所以我希望前3个链接是绿色的。但是没有,结果实际上只有第一个非空href的链接是绿色的。所以我使用了inspectelement并且我看到a:link选择器实际上覆盖了前3种情况下的a选择器,但出于某种原因只适用第一种情况下的样式。这是怎么回事?还有一件事,当我测试各种浏览器时,我注意到Chrome

html - IE10 : 'visibility:visible' on before pseudo-element of 'visibility:hidden' element

我制作了一个DIV和visibility:hidden并附加了一个::before这个DIV的伪元素visibility:可见。这在Firefox、Chrome和Safari中按预期工作,但在InternetExplorer10中不呈现伪元素。请解释我是否做错了,或者这是否是InternetExplorer的问题。是否有任何解决方法(我们只能访问CSS,而不能访问源HTML)?JSFiddledemonstratingissue. 最佳答案 过滤器不适用于IE中的伪元素。读:msdnOtherspecifiedstylingprop

html - IE10 : 'visibility:visible' on before pseudo-element of 'visibility:hidden' element

我制作了一个DIV和visibility:hidden并附加了一个::before这个DIV的伪元素visibility:可见。这在Firefox、Chrome和Safari中按预期工作,但在InternetExplorer10中不呈现伪元素。请解释我是否做错了,或者这是否是InternetExplorer的问题。是否有任何解决方法(我们只能访问CSS,而不能访问源HTML)?JSFiddledemonstratingissue. 最佳答案 过滤器不适用于IE中的伪元素。读:msdnOtherspecifiedstylingprop

javascript - 更改:before and :after pseudo-elements?的样式

这个问题在这里已经有了答案:SelectingandmanipulatingCSSpseudo-elementssuchas::beforeand::afterusingjavascript(orjQuery)(25个答案)关闭3年前。我的代码是这样的:$('.mainSpan:before').css('background','url(_gfx/cmn/main_bg.png)');这似乎行不通,所以我想问一下是否可以添加使用jQuery为元素添加阴影的背景图像。

javascript - 更改:before and :after pseudo-elements?的样式

这个问题在这里已经有了答案:SelectingandmanipulatingCSSpseudo-elementssuchas::beforeand::afterusingjavascript(orjQuery)(25个答案)关闭3年前。我的代码是这样的:$('.mainSpan:before').css('background','url(_gfx/cmn/main_bg.png)');这似乎行不通,所以我想问一下是否可以添加使用jQuery为元素添加阴影的背景图像。

html - 使用 :before pseudo class in css 插入特殊字符

我在css中摆弄:before伪类,试图插入一个特殊字符,但结果不是我所希望的。使用:.read_more:before{content:"»";margin-right:6px;}我得到了我想要的字符,但前面有一个字符并使用:.read_more:before{content:"»";margin-right:6px;}我在html页面上得到了完整的»。我可以想出几种方法来解决我的问题,但我想知道如果我想使用:before伪类,正确的语法是什么。顺便说一下,我的文档类型是: 最佳答案 试试这个.read_more:be

html - 使用 :before pseudo class in css 插入特殊字符

我在css中摆弄:before伪类,试图插入一个特殊字符,但结果不是我所希望的。使用:.read_more:before{content:"»";margin-right:6px;}我得到了我想要的字符,但前面有一个字符并使用:.read_more:before{content:"»";margin-right:6px;}我在html页面上得到了完整的»。我可以想出几种方法来解决我的问题,但我想知道如果我想使用:before伪类,正确的语法是什么。顺便说一下,我的文档类型是: 最佳答案 试试这个.read_more:be

html - 可以制作 :after/before pseudo elements clickable as part of the link?

伪元素a:aftera:before允许您添加看起来是链接一部分的文本。但是,我似乎无法想出一种方法来使该部分作为链接的一部分可点击。例如,下面的css显示之后的url:a:after{content:"("attr(href)")";}...但它不会被点击。有人在不改变底层HTML的情况下解决这个问题吗?编辑:我使用的是chrome13.0.782.107。原来是bug.(感谢肖恩) 最佳答案 您似乎发现了所用浏览器的错误。基于spec,生成的内容应被视为为其生成的元素的子。我创建了一个JSFiddle对此进行测试,并且在大多数浏

html - 可以制作 :after/before pseudo elements clickable as part of the link?

伪元素a:aftera:before允许您添加看起来是链接一部分的文本。但是,我似乎无法想出一种方法来使该部分作为链接的一部分可点击。例如,下面的css显示之后的url:a:after{content:"("attr(href)")";}...但它不会被点击。有人在不改变底层HTML的情况下解决这个问题吗?编辑:我使用的是chrome13.0.782.107。原来是bug.(感谢肖恩) 最佳答案 您似乎发现了所用浏览器的错误。基于spec,生成的内容应被视为为其生成的元素的子。我创建了一个JSFiddle对此进行测试,并且在大多数浏