<ul> <li> id=""

CAM · 08.09.2005, 03:38

смеркалось...

объясните на4инающему безтабли4нику
по4ему КСС гуру

иногда используют <ul id=""><li id="">
вместо дивов?
во и второе можно ли одним css-ом
заставить браузер на клик менять стайлы или бращатса к разным css файлам?

Илья К · 08.09.2005, 06:19

1.в смысле? это совершенно разные тэги, которые совершенно по-разному применяют.
2.нет. если я правильно понял...

Constantine · 08.09.2005, 11:32

1. "Вместо" не видел.
2. Стайлы - легко - напиши именно "каскадные" и потом, изменив стиль родителя, сможешь изменить все стили детей...
а CSS файлы можно менять так:

Код:

<link rel="stylesheet" type="text/css" media="screen" href="screen.css" />
<link rel="stylesheet" type="text/css" media="print" href="printer.css" />

KidsKilla · 08.09.2005, 13:38

1) <ul> это список. используется как правило для отображения меню. просто логичнее.
2) можно.
<body>
<div id="stylesheet">
<style>
@import url(style.css)
</style>
</div>

<someElement onClick="document.getElementById('stylesheet').innerHTML = '<style>\n@import url(otherstyle.css)\n</style>';"

CAM · 08.09.2005, 14:45

ul & li
exam.
style
#blob1 a:hover {background: url(blobs.gif) -10px -307px no-repeat;}
#blob2 a:hover {background: url(blobs.gif) -77px -166px no-repeat;}
#blob3 a:hover {background: url(blobs.gif) -160px -300px no-repeat;}
#blob4 a:hover {background: url(blobs.gif) -173px -207px no-repeat;}
#blob5 a:hover {background: url(blobs.gif) -110px -402px no-repeat;}

body

<ul id="blobs">
<li id="blob1"><a href="#"></a></li>
<li id="blob2"><a href="#"></a></li>
<li id="blob3"><a href="#"></a></li>
<li id="blob4"><a href="#"></a></li>
<li id="blob5"><a href="#"></a></li>
</ul>

CAM · 08.09.2005, 14:48

http://www.alistapart.com/d/sprites/ala-blobs2.html#

KidsKilla · 08.09.2005, 16:10

и чего?

CAM · 08.09.2005, 19:19

po4emu ne tak naprimer?
<div id="blobs">
<div id="blob1"><a href="#"></a></div>
...
<div id="blob5"><a href="#"></a></div>
</div>

KidsKilla · 09.09.2005, 02:39

потому что это подразумевается меню.
разницы по сути накакой. тут твоя собственная логика. и всё.

CAM · 11.09.2005, 13:45

thx за ответы с <ul>&<li> разобрался
со styles не все понятно
<div id="stylesheet" onClick="document.getElementById('stylesheet').innerHTML = '<style>\n@import url(otherstyle.css)\n</style>';">
это Java right?
значет 4исто css-om нельзя менять styles?

так я тоже пробавал
<link href="st_01.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="stylesheet">
<style>
@import url(st_02.css)
</style></div>

неработает