标签样式

u010899766 2016-07-28 10:44:32
html在设置样式时,把标签换了位置,样式为何就无效了

#weiyuansu p:first-child{
color:red;
background-color:yellow;



<div id="weiyuansu">
<p>雨昵喃,打湿几处新裳。最是无奈飞燕,春去冬不归,似人生浮雨</p>
<ul>
<li>打湿几处新裳。最是无奈飞燕</li>
<li>打湿几处新裳。最是无奈飞燕</li>
</ul>
<p>雨昵喃,打湿几处新裳。最是无奈飞燕,春去冬不归,似人生浮雨</p>
</div>

把·上面的换成下面的就无法用了


<div id="weiyuansu">
<ul>
<li>打湿几处新裳。最是无奈飞燕</li>
<li>打湿几处新裳。最是无奈飞燕</li>
</ul>
<p>雨昵喃,打湿几处新裳。最是无奈飞燕,春去冬不归,似人生浮雨</p>
<p>雨昵喃,打湿几处新裳。最是无奈飞燕,春去冬不归,似人生浮雨</p>
</div>
...全文
123 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
usecf 2016-07-28
  • 打赏
  • 举报
回复
<style> #weiyuansu p:nth-last-child(2){ color:red; background-color:yellow; } #weiyuansu p:nth-child(2){ color:red; background-color:green; } </style>
社会复仇者 2016-07-28
  • 打赏
  • 举报
回复
因为你第一个是根据P元素找的,第二个ul不在P元素里面了所以无效 去掉CSS的p:就好了
天际的海浪 2016-07-28
  • 打赏
  • 举报
回复
你应该用p:first-of-type
天际的海浪 2016-07-28
  • 打赏
  • 举报
回复
p:first-child的意思是当p处于父元素的第一个子元素时才被匹配 你改了之后父元素的第一个子元素是ul了,自然无效了

61,110

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧