为甚ul > li:first-child { color: red; }对<a href="##">Link2</a>内的元素内容没有效果呢？

为甚ul > li:first-child { color: red; }对<a href="##">Link2</a>内的元素内容没有效果呢？
1、ul > li:first-child { color: red; }，2、<li><a href="##">Link2</a></li>

慕哥0503841

2019-08-08

源自：十天精通CSS3 6-6

关注问题我要回答

1118

操作

收起

2 回答

weixin_慕标9288677 回答被采纳 +2 积分
2019-10-23

因为first-child只对第一个子元素起作用，link2是不是第一个子元素。

0 回复有任何疑惑可以回复我~

收起回答

慕哥0503841 提问者
2019-08-08

因为a不是块状元素，不能设置css

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

十天精通CSS3

参与学习 243126 人
解答问题 2677 个

本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备

进入课程

本课相似问答

2 回答ol > li:first-child{ color: red; }与 li:first-child{ color: red; }有区别吗？

1 回答请问 ul > li:first-child{ color: red; } 与 ul > li :first-child{ color: red; } （li与:first-child之间有空格）的差异

1 回答empty选择器控制没有内容的元素，既然没有内容，可不可以不写？

2 回答::selection{ background: orange; color: white; }鼠标也选中了右侧的内容完全没有效果为什么

2 回答a href="##"

搜索更多本课相关问答

为甚ul > li:first-child { color: red; }对<a href="##">Link2</a>内的元素内容没有效果呢？

我要回答关注问题

热搜

最近搜索清空

​为甚ul > li:first-child { color: red; }对<a href="##">Link2</a>内的元素内容没有效果呢？

2 回答

本课相似问答

​为甚ul > li:first-child { color: red; }对<a href="##">Link2</a>内的元素内容没有效果呢？

为甚ul > li:first-child { color: red; }对<a href="##">Link2</a>内的元素内容没有效果呢？

为甚ul > li:first-child { color: red; }对<a href="##">Link2</a>内的元素内容没有效果呢？