这段代码的CSS定义是：

div#subnav ul { /* Some styling */ }
div#subnav ul li.subnavitem { /* Some styling */ }
div#subnav ul li.subnavitem a.subnavitem { /* Some styling */ }
div#subnav ul li.subnavitemselected { /* Some styling */ }
div#subnav ul li.subnavitemselected a.subnavitemselected { /* Some styling */ }

    你可以用下面的方法替代上面的代码。

＜ul id=subnav＞
＜li＞ ＜a href=#＞ Item 1＜/a＞ ＜/li＞
＜li class=sel＞ ＜a href=#＞ Item 1＜/a＞ ＜/li＞
＜li＞ ＜a href=#＞ Item 1＜/a＞ ＜/li＞
＜/ul＞

    样式定义是：

#subnav { /* Some styling */ }
#subnav li { /* Some styling */ }
#subnav a { /* Some styling */ }
#subnav .sel { /* Some styling */ }
#subnav .sel a { /* Some styling */ }

    用子选择器可以使你的代码和CSS更加简洁、更加容易阅读。