網頁布局:CSS控制表格嵌套

網頁設計應用中，當我們不能完全放棄表格的使用時，為了達到預期的效果，不免要用到表格嵌套（特別是多層嵌套）方式來進行布局。可能很多同仁都遇到過這樣的問題，對了達到顯示效果要為每一個（每一層）的表格寫不同的CSS代碼或加不同的屬性值。這樣寫出來的代碼可讀性非常差，不便修改和管理。學會用CSS中的偽類這個問題就迎刃而解了，看一看我的處理方法吧。

[代碼] 用CSS處理表格嵌套完整代碼

01	<style type="text/css">

03	border-collapse:collapse;

05	border-style:solid solid solid solid;

10	border-collapse:collapse;

19	border-style:solid none none solid;

23	.form-table table tr:first-child td{

24	border-top-style:none;

26	.form-table table tr td:first-child{

27	border-left-style:none;

[代碼] IE6不支持CSS的偽類,要用jQuery來處理

01	<!--IE6不支持CSS的偽類,要用jQuery來處理一下-->

02	<script language="javascript" src="js/jquery.1.6.1.min.js"type="text/javascript"></script>

04	<script language="javascript" type="text/javascript">

05	$(document).ready(function(){

06	$(".parents table tr:first-child td").css("border-top-style", "none");

07	$(".parents table tr td:first-child").css("border-left-style", "none");

[代碼] 表格引用CSS的方法非常簡單

1	<table width="100%" class="form-table">

本文來自：開源中國社區