什么是这个CSS选择器？

-1

我有一个自定义样式的复选框与dom元素的图像insead。它使用这个选择器。这个选择器做什么？ + em正在窃听我大时间:)什么是这个CSS选择器？

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

请帮忙。

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_Started/Selectors#Information.3A_Selectors_based_on_relationships – SLaks

自由主义的空白帮助可能会清除一些事情：'input [type ='checkbox ']：checked + em :: before' – BoltClock

+是adjacent sibling combinator。因此，选择器在选中复选框后立即选择em元素。这与一般兄弟组合器,~不同，其将与input的任何后续兄弟匹配，即使不是紧挨着它。

2014-03-06 16:01:43

创建一个伪元素，这是一个伪元素，它是em标签的第一个子元素，具有被选中的属性类型复选框的输入元素。

2014-03-06 16:04:45 BingeBoy

这是不正确的。选择器不指定“第一个孩子”关系。 –

sorry :: before创建一个伪元素，它是匹配元素的第一个子元素。打开调试器中的阴影dom以查看。 – BingeBoy

抱歉，您不正确的看到https://developer.mozilla.org/en-US/docs/Web/CSS/::be – BingeBoy

回答