| Solovei95 |
27.12.2011 04:17 |
Скажите как сделать вкладки через CSS
Скажите, как сделать динамические стили вкладок?
К примеру если target равен #tab-1 то первая вкладка должна быть красной.
JS не лучший вариант - ведь у многих стоит NoScript.
<!DOCTYPE html>
<html>
<head>
<title>CSS Tabs (exlusive)</title>
<style type="text/css">
#tabs .tab {
display:none;
}
#tabs .tab:target {
display:block;
}
</style>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tab-1" class="tabb">Tab 1</a>
<li><a href="#tab-2" class="tabb">Tab 2</a>
</ul>
<div id="tab-1" class="tab">Content 1</div>
<div id="tab-2" class="tab">Content 2</div>
</div>
</body>
</html>
|