这个css选择器是什么?

时间:2014-03-06 15:59:50

标签: css css-selectors

我有一个自定义样式的复选框,带有dom元素的图像内容。它正在使用这个选择器。这个选择器做什么? + em让我大吃一惊:)

input[type='checkbox']:checked+em::before

请帮忙。

2 个答案:

答案 0 :(得分:4)

+adjacent sibling combinator。因此,选择器会在选中复选框后立即选择em元素 。这与一般同级组合~不同,它可以匹配input的任何后续兄弟,即使它不在它旁边。

答案 1 :(得分:1)

在具有选中的属性类型复选框的输入元素之前,创建一个伪元素,它是em标记的第一个子元素。