css :last-child

<div>
    <p></p>
    <p></p>
    <p style="display:none"></p></div>
css样式p:last-child {    color: red;
}

怎么才能让显出出来的最后一个p元素变成红色呢


九州编程
浏览 536回答 1
1回答

Helenr

用jQuery可以解决直接选中最后一个p元素,看是不是隐藏的,如果是隐藏的,那么它前一个元素设置样式,否则就为这个last元素设置样式<body> &nbsp;&nbsp;&nbsp;&nbsp;<div> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<p>1</p> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<p>2</p> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<p&nbsp;style="display:none">3</p> &nbsp;&nbsp;&nbsp;&nbsp;</div></body><script&nbsp;src="../echarts/jquery-3.1.0.min.js"></script><script> &nbsp;&nbsp;&nbsp;&nbsp;if($("p:last").is(":hidden")){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$("p:last").prev().css("color","red") &nbsp;&nbsp;&nbsp;&nbsp;}else&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$("p:last").css("color","red") &nbsp;&nbsp;&nbsp;&nbsp;}</script>
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

CSS3