传统的Tab切换功能一般使用的是div+css+js实现的,而若是不依靠js,只凭借div+css可以实现这样的功能吗?答案其实是可以的,这其中的奥秘在于css3的伪类以及相邻选择器,下面是代码示例:
<!DOCTYPE HTML>
<html>
<head>
<title>Tab切换功能</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<style type="text/css">
/*css reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead