相关疑难解决方法(0)

伪类和伪元素有什么区别?

div::after {}和之间有什么不同div:after {}?我们什么时候需要使用:::

双冒号和单冒号表示法用于区分伪类和伪元素.

上述陈述的实际含义是什么?

css css-selectors pseudo-element

51
推荐指数
2
解决办法
2万
查看次数

CSS"::"vs":" - 伪元素vs伪选择器?

我正在研究CSS和排版,并遇到了这个有趣的伪选择器概念.我使用了单冒冒伪选择器,并且不熟悉psuedo选择器的双冒号版本.我知道双冒号被称为伪元素而不是伪选择器 - 但为什么呢?有什么区别?

我也明白单个冒号更受支持,所以在什么情况下会使用双冒号伪元素?是否有必要使用双冒号的用例,单个冒号不能完成工作?这种情况会是什么?

"与伪元素不同,伪类可以出现在选择器链的任何地方." (引自链接) - 我不知道'选择链'是什么,但这似乎也是双冒号方法的另一个限制.为什么我需要使用双冒号(如果我的理解)只是一个较少支持的单冒号版本?

编辑:它们看起来在功能上并不相同:小提琴

<div><p>First Line</p></div>
<div><p>Second Line</p></div>
Run Code Online (Sandbox Code Playgroud)

CSS

div:nth-child(1) > p { 
    color: green;
}

div::nth-child(2) > p { 
    color: blue;
}
Run Code Online (Sandbox Code Playgroud)

html css css-selectors

21
推荐指数
1
解决办法
1万
查看次数

为什么我不能覆盖现有的伪元素?

我有两个CSS规则互相跟随:

.some td:first-child:before {
    content:url('path/to/image.png')" " ;
}
.some .other:before {
    content:url('path/to/image2.png')" " ;
}
Run Code Online (Sandbox Code Playgroud)

这是HTML片段:

<table class="some">
<tr>
    <td class="other">Text goes here</td>
    <td>Some more text.</td>
</tr>
</table>
Run Code Online (Sandbox Code Playgroud)

它们都应该应用于同一个表格单元格.没有班级的那个人意味着后备.但出于某种原因,它总是在第二条规则上选择第一条规则.我知道第二个可以工作,因为如果我禁用Firebug中的第一个,它将被使用.

我在这里错过了什么?

css css-specificity pseudo-element

8
推荐指数
1
解决办法
8757
查看次数

在IE中的css生成内容上应用文本修饰

看来IE不关心text-decoration: none;的定义a:before伪元素(或伪类).

这是一个JS小提琴:http://jsfiddle.net/9N35f/
我希望">"失去下划线.它适用于FF,Chrome和Safari,但不适用于IE.用IE10和IE9测试.

问题:

我可以尝试使:before元素失去下划线的任何变通方法?理想情况下在IE9 +中

这个地方有错误报告吗?或者它是否符合标准?

css internet-explorer pseudo-class pseudo-element

7
推荐指数
2
解决办法
5438
查看次数

什么是伪元素?

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

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

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

尽管此方法仅在Firefox 4中产生完整效果,但其他浏览器最终会赶上并将转换应用于 伪元素.

什么是伪元素?

html css pseudo-element

6
推荐指数
1
解决办法
377
查看次数

CSS选择器和jQuery过滤器之间的区别?

可以将CSS选择器传递给jQuery函数,例如:

jQuery('h1 + h2');
Run Code Online (Sandbox Code Playgroud)

jQuery的也有一些过滤器,如:even:odd:

jQuery('tr:even');
Run Code Online (Sandbox Code Playgroud)

我正在寻找某种语法规则来区分这两种规则并且我在想,也许jQuery过滤器总是使用a :.

但是,一些CSS选择器也使用了:.例如:

  • :last-child
  • :root
  • :empty
  • :target

有没有人知道它是CSS选择器还是正在使用的jQuery过滤器?

css jquery css-selectors jquery-selectors

6
推荐指数
1
解决办法
3012
查看次数

::first-letter 与 :first-child 有何不同(伪类与伪元素)

从 W3C 标准对伪元素的定义https://www.w3.org/TR/selectors-3/#pseudo-elements

伪元素创建了超出文档语言指定的文档树的抽象。例如,文档语言不提供访问元素内容的第一个字母或第一行的机制。伪元素允许作者参考这些否则无法访问的信息。

(我的重点。)

为什么文档语言允许检测第一个子元素(所以这:first-child是一个 css 伪)而不是第一个字母(所以这::first-letter是一个 css 伪元素)?应该如何理解这种“文档语言”?

本质上,问题是:为什么选择第一个元素与选择第一个字母不同?为什么文档语言可以检索一种而不是另一种?

我不是在问伪类和伪元素之间的一般区别,而是特别询问为什么第一个字母在概念上与第一个子元素不同。其他伪元件更少混淆:即::after::before例如是伪构件是相当明显的,因为它们涉及到未在HTML结构中定义的“空间”。但是第一个字母,因此为什么这样的第一个字母仍然被区别对待的问题。

css standards w3c css-selectors

6
推荐指数
1
解决办法
253
查看次数

什么是伪元素标记之间的区别:和::?

我注意到,双方:::标记了在CSS伪元素时工作.我确定两者之间有一些语义差异,不是吗?我真的没看到它.

css pseudo-element

3
推荐指数
1
解决办法
107
查看次数

CSS中的伪类,伪选择器和伪元素之间的区别

可能重复:
CSS中的伪类和伪元素有什么区别?

CSS中的以下含义是什么?

  1. 伪类
  2. 伪选择器
  3. 伪元素

每个人的用处是什么?

css css-selectors pseudo-class css3 pseudo-element

0
推荐指数
1
解决办法
2660
查看次数

是 :hover, :checked , :active 等称为 css 事件吗?

我已经使用CSS :hover:checked等了很长时间。但还是不知道,什么CSS :hover:checked被称为等等。它叫什么名字?它们被称为css事件吗?如果是,是否有任何 css 事件,<radio> (我的意思是,选择 html 收音机后的自定义样式)?

html css events

0
推荐指数
1
解决办法
475
查看次数