代码之家 › 专栏 › 技术社区 › 00Saad

为什么before伪选择器不能正常工作,除非指定了类?

pseudo-element css html

-2

00Saad · 技术社区 · 6 年前

HTML格式

<label>
  <Input type="checkbox"/>
  <span class="check-label">Remember me</span>
</label>

CSS格式

input[type="checkbox"] + .check-label:before {
  content: "before";
}

所以当我使用一个类时,这个css就像预期的那样工作,但是当我这样做时:

input[type="checkbox"] + label > span:before {
  content: "before";
}

before内容不显示。我不喜欢使用一堆类和ID,除非我必须这样做,那么为什么在这个特殊的情况下我不得不这样做呢?

1 回复 | 直到 6 年前

mtr.web 6 年前

我同意伊舍伍德的观点,但我认为你真正想要的是:

input[type="checkbox"] + span:before {
  content: "before";
}

推荐文章

Sahil Singh · 使用css在导航栏中定位时出现问题

3 年前

Mike C. · css伪下箭头:未在所有标签上显示后

7 年前

Rusletov · 使元素与浮动元素的边界相邻

7 年前

Hatem · SASS-将更改器应用于::当:悬停后

7 年前

Hacker · 在文本输入中放置美元符号

7 年前

o.danielcoker · CSS-定位伪元素

7 年前

titlu · :选中的伪类选择器在CSS上不工作

7 年前

user7262544 · 如何将变量添加到伪类的jquery选择器?

7 年前

Chris · 伪元素:after正在添加before

8 年前

Russel Riehle · 如何基于父项的右边缘打开超出的子菜单区域?

8 年前