A good way to control CSS with JS

<Br/> <style type = "text/CSS"> # tabs ul {display: inline; padding-left: 0px; margin-left: 10px; white-space: nowrap} # tabs ul Li {border-Right: #999 1px solid; padding-Right: 8px; border-top: #999 1px solid; display: inline; padding-left: 12px; font-size: X-small; Background: # Eee; padding-bottom: 0px; border-left: #999 1px solid; margin-Right: 2px; padding-top: 3px; border-bottom: #4bcb66 0px solid; font-family: verdana; white-space: nowrap} # tabs ul Li. active_web {border-Right: #4bcb66 1px solid; padding-Right: 8px; border-top: #4bcb66 1px solid; padding-left: 12px; font-weight: bold; font-size: X-small; Background: # f7fdf6; padding-bottom: 0px; border-left: #4bcb66 1px solid; padding-top: 6px; border-bottom: # f7fdf6 1px solid; font-family: verdana; white-space: nowrap} # tabs ul Li. active_news {border-Right: # d3bf8e 1px solid; padding-Right: 8px; border-top: # d3bf8e 1px solid; padding-left: 12px; font-weight: bold; font-size: X-small; Background: # fff9eb; padding-bottom: 0px; border-left: # d3bf8e 1px solid; padding-top: 6px; border-bottom: # fff9eb 1px solid; font-family: verdana; white-space: nowrap} </style> <p> <span id = "logo"> </span> </P> <ul> <li id = "L1" class = "active_web"> <SPAN class = "active_web_text" id = "CNSP"> <br/> Chinese search </span> </LI> <li id = "L2"> <span id = "ENSP"> English search </span> </LI> <li id = "L3"> <span id = "bigsp"> <br/> domestic portal </span> </LI> <li id = "L4"> <span id = "othersp"> others </span> </LI> </ul> <p>
[Ctrl + A select all Note: If you need to introduce external JS, You need to refresh it to execute]