:last-child的诡异的问题！！

weixin_30885111

于 2013-07-23 19:48:00 发布

阅读量72

点赞数

CC 4.0 BY-SA版权

文章标签：开发工具 xhtml javascript ViewUI

原文链接：http://www.cnblogs.com/myjavascript/p/3339307.html

本文通过一个具体的HTML和CSS实战案例，展示了如何使用HTML结构标签和CSS样式来实现特定的网页布局效果。案例中详细介绍了如何设置元素的样式，包括为最后一个子元素添加边框等细节。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<style type="text/css">

p a:last-child{border:2px red solid;}

</style>

</head>

<body>

<p>

<a><span>20:30</span><ins>4D国语</ins><em>120</em><cite>在线选座</cite></a>

<a><span>20:30</span><ins>4D国语</ins><em>120</em><cite>在线选座</cite></a>

<a><span>20:30</span><ins>4D国语</ins><em>120</em><cite>在线选座</cite></a>

<a><span>20:30</span><ins>4D国语</ins><em>120</em><cite>在线选座</cite></a>

<a><span>20:30</span><ins>4D国语</ins><em>120</em><cite>在线选座</cite></a>

<a><span>20:30</span><ins>4D国语</ins><em>120</em><cite>在线选座</cite></a>

<a><span>20:30</span><ins>4D国语</ins><em>120</em><cite>在线选座</cite></a>

<a><span>20:30</span><ins>4D国语</ins><em>120</em><cite>在线选座</cite></a>

<a><span>20:30</span><ins>4D国语</ins><em>120</em><cite>在线选座</cite></a>

<a><span>20:30</span><ins>4D国语</ins><em>120</em><cite>在线选座</cite></a>

<i id="showJ">显示更多场次</i>

</p>

</body>

<script src="jquery.js"></script>

<script>

$(function(){

// $("a").last().css('border','2px red solid'); //这种方式是可以选中的

})

</script>

</html>

青春就应该这样绽放游戏测试：三国时期谁是你最好的兄弟！！你不得不信的星座秘密 sg_trans.gif?t=4

sg_trans.gif?t=4

转载于:https://www.cnblogs.com/myjavascript/p/3339307.html

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。