Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Разница между class и id 
:(
    Опции темы
Jull
Дата 15.4.2006, 13:26 (ссылка) |    (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 64
Регистрация: 17.1.2006
Где: Тула

Репутация: 1
Всего: 1



Объсните, плиз, разницу между class и id в css.
Нигде толкового объяснения не нашла, пришлось самой догадываться и предполагать...

как я понимаю, id используется в том случае, когда какому-то объекту нужно присвоить свойства только для него... а class - это когда для многих.

но вроде бы часто встречается, что верстка только на id построена, без class...

может я и ошибаюсь?

в общем, объясните блондинке, плиз, что правильнее использовать - class, id или все вместе и в каких случаях... smile
PM MAIL   Вверх
EDuard
Дата 15.4.2006, 14:11 (ссылка) |    (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 331
Регистрация: 1.8.2005
Где: Синее нигде

Репутация: 5
Всего: 7



Jull,
id - уникальное свойство.
class можно использовать для нескольких элементов(в том числе и несколько классов для одного элемента), если валидатор встретит два одинаковых id на странице - будет ругаться, кроме того id можно использовать как якорь на странице и обращатся из скрипта как
Код

document.getElementById().
.


--------------------

PM MAIL WWW ICQ   Вверх
Jull
Дата 15.4.2006, 21:37 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 64
Регистрация: 17.1.2006
Где: Тула

Репутация: 1
Всего: 1



EDuard, спасибо smile Жалко, что я плюсики не могу ставить...

а с точки зрения... наверное этики верстки... smile id нужно использовать? правильно ли то, что я всегда использую классы, даже если гарантированно этот класс только для одного объекта предназначен?


Кстати... а как использовать несколько классов для одного элемента? smile

так правильно? <div class="class1 class2">
вроде так наследуются классы?

а если мне нужно пять классов для одного дива?

PM MAIL   Вверх
EDuard
Дата 15.4.2006, 22:46 (ссылка) |    (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 331
Регистрация: 1.8.2005
Где: Синее нигде

Репутация: 5
Всего: 7



Цитата(Jull @ 15.4.2006, 21:37 Найти цитируемый пост)
а с точки зрения... наверное этики верстки...  id нужно использовать?

Предпочтительнее по-моему использовать, например id вместо <a name="..."></a>

Цитата(Jull @ 15.4.2006, 21:37 Найти цитируемый пост)
правильно ли то, что я всегда использую классы, даже если гарантированно этот класс только для одного объекта предназначен?

Думаю ничего страшного.

Цитата(Jull @ 15.4.2006, 21:37 Найти цитируемый пост)
так правильно? <div class="class1 class2">

Именно так.

Да и еще забыл. если для одного тега заданы и id, и class, то id сильнее.


--------------------

PM MAIL WWW ICQ   Вверх
R.M.
Дата 17.4.2006, 10:33 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Анархист
****


Профиль
Группа: Участник
Сообщений: 2164
Регистрация: 8.6.2005
Где: Питер

Репутация: 9
Всего: 30



Да лучше для стилей использовать class а id для js и тегов <a> 


--------------------
Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia 
PM MAIL WWW ICQ   Вверх
Janus
Дата 17.4.2006, 11:14 (ссылка) |    (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 186
Регистрация: 26.9.2005

Репутация: нет
Всего: 1



Насколько я знаю, можно сделать что-то вроде этого:
Код

<div class="div1">bla bla bla</div>
<div class="div1" id="other_div">blu blu blu</div>

У них один класс, т.е. отображение будет одинаковым. Но что если у второго отображение должно быть как у первого, но нужно отличие в одной лишь детали? А класс имеет очень большое описание.  Что, создать другой класс и исправить в нем одно свойство?  А не обязательно! Делаем так:
Код

.div1 {
  //описание
}
.div1#other_div {
  //описание только того свойства, которое отличается!
}
 
--------------------
Проект "Репликатор" 
PM MAIL   Вверх
$tatic
Дата 17.4.2006, 12:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 651
Регистрация: 28.1.2005

Репутация: 1
Всего: 22



Цитата(Jull @  15.4.2006,  14:26 Найти цитируемый пост)
Нигде толкового объяснения не нашла

 smile Рекомендации W3C по CSS Layer 2
 
PM MAIL   Вверх
AztEK
Дата 18.4.2006, 13:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 723
Регистрация: 4.1.2005

Репутация: 4
Всего: 18



Я стараюсь использовать id ТОЛЬКО для JavaScript а class - пару штук на файл.
Весь дизайн стараюсь верстать в виде

Код

table.classname {
/*  */
}

table.classname div {
/*  */
}

table.classname div li {
/*  */
}

table.classname div li a{
/*  */
}


Думаю, ясно. Так сразу видна структура документа. 


--------------------
Linux is like wigwam -- no windows, no gates, apache inside.
PM MAIL Jabber   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0635 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.