div::after {}和之间有什么不同div:after {}?我们什么时候需要使用::过:?
双冒号和单冒号表示法用于区分伪类和伪元素.
上述陈述的实际含义是什么?
我正在研究CSS和排版,并遇到了这个有趣的伪选择器概念.我使用了单冒冒伪选择器,并且不熟悉psuedo选择器的双冒号版本.我知道双冒号被称为伪元素而不是伪选择器 - 但为什么呢?有什么区别?
我也明白单个冒号更受支持,所以在什么情况下会使用双冒号伪元素?是否有必要使用双冒号的用例,单个冒号不能完成工作?这种情况会是什么?
"与伪元素不同,伪类可以出现在选择器链的任何地方." (引自链接) - 我不知道'选择链'是什么,但这似乎也是双冒号方法的另一个限制.为什么我需要使用双冒号(如果我的理解)只是一个较少支持的单冒号版本?
编辑:它们看起来在功能上并不相同:小提琴
<div><p>First Line</p></div>
<div><p>Second Line</p></div>
CSS
div:nth-child(1) > p { 
    color: green;
}
div::nth-child(2) > p { 
    color: blue;
}
我有两个CSS规则互相跟随:
.some td:first-child:before {
    content:url('path/to/image.png')" " ;
}
.some .other:before {
    content:url('path/to/image2.png')" " ;
}
这是HTML片段:
<table class="some">
<tr>
    <td class="other">Text goes here</td>
    <td>Some more text.</td>
</tr>
</table>
它们都应该应用于同一个表格单元格.没有班级的那个人意味着后备.但出于某种原因,它总是在第二条规则上选择第一条规则.我知道第二个可以工作,因为如果我禁用Firebug中的第一个,它将被使用.
我在这里错过了什么?
看来IE不关心text-decoration: none;的定义a:before伪元素(或伪类).
这是一个JS小提琴:http://jsfiddle.net/9N35f/
 
我希望">"失去下划线.它适用于FF,Chrome和Safari,但不适用于IE.用IE10和IE9测试.
我可以尝试使:before元素失去下划线的任何变通方法?理想情况下在IE9 +中
这个地方有错误报告吗?或者它是否符合标准?
我正在剖析这个非常漂亮的例子,说明CSS如何帮助你在图像上创建漂亮的发光效果.
http://jsfiddle.net/necolas/KbNq7/
该示例中的这一特定行提到:
尽管此方法仅在Firefox 4中产生完整效果,但其他浏览器最终会赶上并将转换应用于 伪元素.
什么是伪元素?
可以将CSS选择器传递给jQuery函数,例如:
jQuery('h1 + h2');
jQuery的也有一些过滤器,如:even和:odd:
jQuery('tr:even');
我正在寻找某种语法规则来区分这两种规则并且我在想,也许jQuery过滤器总是使用a :.
但是,一些CSS选择器也使用了:.例如:
:last-child:root:empty:target有没有人知道它是CSS选择器还是正在使用的jQuery过滤器?
从 W3C 标准对伪元素的定义https://www.w3.org/TR/selectors-3/#pseudo-elements:
伪元素创建了超出文档语言指定的文档树的抽象。例如,文档语言不提供访问元素内容的第一个字母或第一行的机制。伪元素允许作者参考这些否则无法访问的信息。
(我的重点。)
为什么文档语言允许检测第一个子元素(所以这:first-child是一个 css 伪类)而不是第一个字母(所以这::first-letter是一个 css 伪元素)?应该如何理解这种“文档语言”?
本质上,问题是:为什么选择第一个元素与选择第一个字母不同?为什么文档语言可以检索一种而不是另一种?
我不是在问伪类和伪元素之间的一般区别,而是特别询问为什么第一个字母在概念上与第一个子元素不同。其他伪元件更少混淆:即::after与::before例如是伪构件是相当明显的,因为它们涉及到未在HTML结构中定义的“空间”。但是第一个字母是,因此为什么这样的第一个字母仍然被区别对待的问题。
我注意到,双方:并::标记了在CSS伪元素时工作.我确定两者之间有一些语义差异,不是吗?我真的没看到它.
我已经使用CSS :hover,:checked等了很长时间。但还是不知道,什么CSS :hover,:checked被称为等等。它叫什么名字?它们被称为css事件吗?如果是,是否有任何 css 事件,<radio> (我的意思是,选择 html 收音机后的自定义样式)?