How to use CSS first-child but excluding text content

Answer 1

Your code will apply the style to any span element that is the first child of its parent. In both cases, your span is the first child of its parent li.

You don't want the first child span in this case, you want the first child li.

div li:first-child span {
  font-weight: bold;
}

EDIT: I seem to have misunderstood your question, as it more relates to why the second span is bold, despite being preceded by text. As you presumed, text is not seen as a child element as the text node is technically part of its parent li. Your code will work in the case of defined DOM siblings like other

s or s, however I am not sure there's a sufficient way to say "If preceded by any text" without implementing javascript.

0 讨论(0)

查看其它4个回答

发布评论:

提交评论

---

•  加载中...