Чем отличаются id и class » комментарииhttps://softwaremaniacs.org/blog/2006/01/22/id-class-difference/2015-05-14T10:15:40.609946-07:00Иван Сагалаев о программировании и веб-разработкеhttp://softwaremaniacs.org/media/sm_org/style/photo.jpgdemon_sl на "Чем отличаются id и class"
2015-05-14T10:15:40.609946-07:00demon_slhttps://softwaremaniacs.org/blog/2006/01/22/id-class-difference/#comment-494388Спасибо! и за коменты всем спасибо даже вопросов не осталось )
<p>Спасибо! и за коменты всем спасибо даже вопросов не осталось )Horadric на "Чем отличаются id и class"
2012-03-24T06:21:24.977259-07:00Horadrichttps://softwaremaniacs.org/blog/2006/01/22/id-class-difference/#comment-126320Спасибо. Разобрался. Теперь вопрос меня мучить не будет. Интересно только, будет ли ПС штрафовать за множественные одинаковые id на странице
<p>Спасибо. Разобрался. Теперь вопрос меня мучить не будет. Интересно только, будет ли ПС штрафовать за множественные одинаковые id на страницеартем на "Чем отличаются id и class"
2011-12-23T01:51:42.480622-08:00артемhttps://softwaremaniacs.org/blog/2006/01/22/id-class-difference/#comment-107625спасибо, теперь все понятно
<p>спасибо, теперь все понятноДенис на "Чем отличаются id и class"
2011-08-24T15:14:18.568798-07:00Денисhttps://softwaremaniacs.org/blog/2006/01/22/id-class-difference/#comment-95427Спасибо! Я чайник в вёрстке, она у меня не приоритет (другой профиль), но тут сложный случай попался. Сегодня я понял, что методом тыка буду править шаблон неделю, и пошёл учить матчасть :)
<p>Спасибо!
Я чайник в вёрстке, она у меня не приоритет (другой профиль), но тут сложный случай попался. Сегодня я понял, что методом тыка буду править шаблон неделю, и пошёл учить матчасть :)Malak на "Чем отличаются id и class"
2010-11-09T10:51:57.607714-08:00Malakhttps://softwaremaniacs.org/blog/2006/01/22/id-class-difference/#comment-60755Как первый раз сделал сайт по этим статьям, так и продолжаю почерпывать знания из этого чудо-источника. Спасибо Ивану Сагалаеву за очень доступное и наглядное изложение материала!!
<p>Как первый раз сделал сайт по этим статьям, так и продолжаю почерпывать знания из этого чудо-источника. Спасибо Ивану Сагалаеву за очень доступное и наглядное изложение материала!!Ant Gray на "Чем отличаются id и class"
2010-06-20T07:56:05.688863-07:00Ant Grayhttps://softwaremaniacs.org/blog/2006/01/22/id-class-difference/#comment-47365@Иван Сагалаев, «Причина может появиться, когда один и тот же CSS используется для разных страниц на сайте. Тогда может оказаться, что, например, на страницах одного типа есть таблицы с id="main", а на других — главный блок с id="main"» Чтобы такого не было, надо блоки именовать #bl_main, а таблицы #table_main.
<p>@Иван Сагалаев,
<blockquote>«Причина может появиться, когда один и тот же CSS используется для разных страниц на сайте. Тогда может оказаться, что, например, на страницах одного типа есть таблицы с id="main", а на других — главный блок с id="main"»</blockquote><p></p>
<p>Чтобы такого не было, надо блоки именовать #bl_main, а таблицы #table_main.Ant Gray на "Чем отличаются id и class"
2010-06-20T07:53:38.349331-07:00Ant Grayhttps://softwaremaniacs.org/blog/2006/01/22/id-class-difference/#comment-47364В последнее время стараюсь не использовать id для стилей, потому что на один тег можно повесить несколько классов, запись id="foo" class="bar" глупо смотрится, class="foo bar" лучше.
<p>В последнее время стараюсь не использовать id для стилей, потому что на один тег можно повесить несколько классов, запись id="foo" class="bar" глупо смотрится, class="foo bar" лучше.Twitter Trackbacks for Маниакальный веблог » Чем отличаются id и class [softwaremaniacs.org] on Topsy.com на "Чем отличаются id и class"
2010-05-13T10:07:43.328082-07:00Twitter Trackbacks for Маниакальный веблог » Чем отличаются id и class [softwaremaniacs.org] on Topsy.comhttp://topsy.com/trackback?utm_source=pingback&utm_campaign=L1&url=http://softwaremaniacs.org/blog/2006/01/22/id-class-difference/https://softwaremaniacs.org/blog/2006/01/22/id-class-difference/#comment-45141Маниакальный веблог » Чем отличаются id и class
<p>Маниакальный веблог » Чем отличаются id и classИван Сагалаев на "Чем отличаются id и class"
2009-03-23T15:59:59-07:00Иван Сагалаевhttps://softwaremaniacs.org/blog/2006/01/22/id-class-difference/#comment-32855Первая запись означает ссылки с классом "classofa", являющиеся детьми первого уровня "#idofdiv". Вторая запись — таких же детей, но любого уровня.
<p>Первая запись означает ссылки с классом "classofa", являющиеся детьми первого уровня "#idofdiv". Вторая запись — таких же детей, но любого уровня.#!Ros__ на "Чем отличаются id и class"
2009-03-23T15:54:16-07:00#!Ros__https://softwaremaniacs.org/blog/2006/01/22/id-class-difference/#comment-32854Иван, хотелось бы уточнить сразу такое: #idofdiv>A.classofa { ... } и #idofdiv A.classofa { ... } это одно и тоже или есть различия? Спасибо.
<p>Иван, хотелось бы уточнить сразу такое:</p>
<pre><code>#idofdiv>A.classofa
{
...
}
</code></pre>
<p>и</p>
<pre><code>#idofdiv A.classofa
{
...
}
</code></pre>
<p>это одно и тоже или есть различия?<br>
Спасибо.Acden на "Чем отличаются id и class"
2009-03-13T06:42:41-07:00Acdenhttps://softwaremaniacs.org/blog/2006/01/22/id-class-difference/#comment-32792Поправлю Богдана в ответ на вопрос от kir_pich: точка не ставится для тех элементов, которые зарезервированы в языке html: body { } p { } А ставится для тех, которые Вы придумали сами: p.orange {color:#00FF00} Тогда всем абзацам, которым вы присвоете <p class="green"> </p> будет изменятся цвет текста на зелёный....
<p>Поправлю Богдана в ответ на вопрос от kir_pich:<br>
точка не ставится для тех элементов, которые зарезервированы в языке html:</p>
<pre><code>body { }
p { }
</code></pre>
<p>А ставится для тех, которые Вы придумали сами:</p>
<pre><code>p.orange {color:#00FF00}
</code></pre>
<p>Тогда всем абзацам, которым вы присвоете</p>
<pre><code><p class="green"> </p>
</code></pre>
<p>будет изменятся цвет текста на зелёный.</p>
<p>Можно записать и проще:</p>
<pre><code>.orange {color:#00FF00}
</code></pre>
<p>тогда этот класс можно будет применить к любому элементу, не только к P.Иван Сагалаев на "Чем отличаются id и class"
2008-11-27T03:49:23-08:00Иван Сагалаевhttps://softwaremaniacs.org/blog/2006/01/22/id-class-difference/#comment-31408Причина может появиться, когда один и тот же CSS используется для разных страниц на сайте. Тогда может оказаться, что, например, на страницах одного типа есть таблицы с id="main", а на других — главный блок с id="main". И тогда, чтобы стили для разных по сути вещей не смешивались, будет иметь смысл...
<p>Причина может появиться, когда один и тот же CSS используется для разных страниц на сайте. Тогда может оказаться, что, например, на страницах одного типа есть таблицы с <code>id="main"</code>, а на других — главный блок с <code>id="main"</code>. И тогда, чтобы стили для разных по сути вещей не смешивались, будет иметь смысл их разделить. Что не означает, что именно так <em>надо</em> делать. Это просто иллюстрация того, когда это теоретически возможно.arnoldovich на "Чем отличаются id и class"
2008-11-27T03:44:46-08:00arnoldovichhttps://softwaremaniacs.org/blog/2006/01/22/id-class-difference/#comment-31407очень мало причин ограничивать указание id только для конкретного тега Вы могли бы назвать эти причины? Ведь id указывается на странице только один раз. Или разным элементам можно указывать один и тот же id? По-моему нет.
<blockquote>
<p>очень мало причин ограничивать указание id только для конкретного тега</p>
</blockquote>
<p>Вы могли бы назвать эти причины?</p>
<p>Ведь id указывается на странице только один раз. Или разным элементам можно указывать один и тот же id? По-моему нет.Иван Сагалаев на "Чем отличаются id и class"
2008-11-26T14:47:34-08:00Иван Сагалаевhttps://softwaremaniacs.org/blog/2006/01/22/id-class-difference/#comment-31399Первое правило сработает для <div> с id="main", второе — для любого элемента с id="main". Вообще, очень мало причин ограничивать указание id только для конкретного тега. Поэтому обычно пишут просто #main.
<p>Первое правило сработает для <code><div></code> с <code>id="main"</code>, второе — для любого элемента с <code>id="main"</code>. Вообще, очень мало причин ограничивать указание id только для конкретного тега. Поэтому обычно пишут просто <code>#main</code>.arnoldovich на "Чем отличаются id и class"
2008-11-26T13:45:02-08:00arnoldovichhttps://softwaremaniacs.org/blog/2006/01/22/id-class-difference/#comment-31398div#main{...} и #main{...} Это одно и тоже, или есть какие-то особенности?
<p>div#main{...}</p>
<p>и</p>
<pre><code>#main{...}
</code></pre>
<p>Это одно и тоже, или есть какие-то особенности?Иван Сагалаев на "Чем отличаются id и class"
2008-11-26T13:17:57-08:00Иван Сагалаевhttps://softwaremaniacs.org/blog/2006/01/22/id-class-difference/#comment-31396Эта запись означает "элемент div с id main". Что именно подразумевается под нюансами, не понял :-)
<p>Эта запись означает "элемент div с id main". Что именно подразумевается под нюансами, не понял :-)arnoldovich на "Чем отличаются id и class"
2008-11-26T06:59:53-08:00arnoldovichhttps://softwaremaniacs.org/blog/2006/01/22/id-class-difference/#comment-31390Я гдето встречал в CSS такую запись DIV#main {...} Имеет ли такая запись какие-то нюансы?
<p>Я гдето встречал в CSS такую запись</p>
<p>DIV#main<br>
{...}</p>
<p>Имеет ли такая запись какие-то нюансы?Digi на "Чем отличаются id и class"
2008-10-23T12:14:39-07:00Digihttps://softwaremaniacs.org/blog/2006/01/22/id-class-difference/#comment-30858А я реально id="about" не знал :) делал по старинке в хтмле :( полезненько!
<p>А я реально id="about" не знал :) делал по старинке в хтмле :(<br>
полезненько!gnidskill.livejournal.com на "Чем отличаются id и class"
2008-08-18T01:05:08-07:00gnidskill.livejournal.comhttps://softwaremaniacs.org/blog/2006/01/22/id-class-difference/#comment-30535с :target четкая фишка. Спасибо!
<p>с :target четкая фишка. Спасибо!Express на "Чем отличаются id и class"
2008-07-17T11:02:45-07:00Expresshttps://softwaremaniacs.org/blog/2006/01/22/id-class-difference/#comment-30427Хорошая статья, теперь id буду использовать только для уникальных слоев
<p>Хорошая статья, теперь id буду использовать только для уникальных слоев