class и id в чем смысл?

@Destank · Регистрация: 26.01.2012

Студворк — интернет-сервис помощи студентам

Собственно в чем разница между class и id ? В каких случаях нельзя использовать class, а в каких id?

@Dimedrol · 07.04.2012, 21:02

Тут нет какого-то строгого правила. По идеи, class - это для дизайнера, а id - для программиста.

@shtopor20 · 07.04.2012, 22:12

id должен быть уникальным (связано это с javascript), а клас нет

@Somebody · 07.04.2012, 22:16

Сообщение от shtopor20

id должен быть уникальным (связано это с javascript)

Не id должен быть уникальным, потому что это связано с javascript, а скорее наоборот - id часто используют в javascript, потому что он должен быть уникальным.

@Dimedrol · 07.04.2012, 22:20

class тоже часто используют в javascript. Есть 100 инпутов, каждый надо обработать. Легче дать один класс и с ним работать, чем придумывать 100 уникальных id

@shtopor20 · 07.04.2012, 22:25

Я невидел чтобы в javascript использовали классы (и сам не использовал) поэтому так сказал

@vadimgrig · 07.04.2012, 23:52

Сообщение от Destank

Собственно в чем разница между class и id ? В каких случаях нельзя использовать class, а в каких id?

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

HTML5

1 2	<div class="Header head"></div> <div class="Header logo"></div>

Можно указать разные размеры но один шрифт!!!

Vovan-VE · 08.04.2012, 06:29

Помимо уникальности, селектор #id имеет приоритет на порядок выше, чем селектор .class .

HTML5

1
2
3

<div class="class" id="id">красное</div>
<div class="class">синее</div>
<div class="class">синее</div>

CSS

1 2	.class {color: #00f;} #id {color: #f00;}

@Mailo · 08.04.2012, 17:28

Ещё у меня подозрения есть, что поисковым ботам больше id нравится, например для хедера и футера, могу ошибаться.

@iLoveGoogle · 08.04.2012, 23:12

согласен с Vovan-VE То-есть если элемент

HTML5

1	<div id='ci' class='ci'>ooo</div>

имеет следующий CSS

CSS

1	#ci{color:red;} .ci{color:blue;}

то текст в div будет red -красный .
И еще если нужно поставить ссылку на какой-то элемент в странице, то ему достаточно дать id (<h2 id="about">...</h2>) и ссылаться на него якорем (http://site/path/#about). А class это не умеет

@Destank 99 / 99 / 27 Регистрация: 26.01.2012 Сообщений: 342 Записей в блоге: 1
		1
	class и id в чем смысл? 07.04.2012, 20:59. Показов 3590. Ответов 9 Метки нет (Все метки) Собственно в чем разница между class и id ? В каких случаях нельзя использовать class, а в каких id? 0

@Dimedrol 2378 / 941 / 129 Регистрация: 25.04.2009 Сообщений: 2,635 Записей в блоге: 4
	07.04.2012, 21:02	2
	Тут нет какого-то строгого правила. По идеи, class - это для дизайнера, а id - для программиста. 1

@shtopor20 47 / 36 / 0 Регистрация: 21.05.2010 Сообщений: 301
	07.04.2012, 22:12	3
	id должен быть уникальным (связано это с javascript), а клас нет 1

@Somebody 2833 / 1642 / 254 Регистрация: 03.12.2007 Сообщений: 4,222
	07.04.2012, 22:16	4
	Сообщение от shtopor20 id должен быть уникальным (связано это с javascript) Не id должен быть уникальным, потому что это связано с javascript, а скорее наоборот - id часто используют в javascript, потому что он должен быть уникальным. 2

@Dimedrol 2378 / 941 / 129 Регистрация: 25.04.2009 Сообщений: 2,635 Записей в блоге: 4
	07.04.2012, 22:20	5
	class тоже часто используют в javascript. Есть 100 инпутов, каждый надо обработать. Легче дать один класс и с ним работать, чем придумывать 100 уникальных id 0

@shtopor20 47 / 36 / 0 Регистрация: 21.05.2010 Сообщений: 301
	07.04.2012, 22:25	6
	Я невидел чтобы в javascript использовали классы (и сам не использовал) поэтому так сказал 0

@Mailo 228 / 208 / 27 Регистрация: 18.02.2010 Сообщений: 1,982
	08.04.2012, 17:28	9
	Ещё у меня подозрения есть, что поисковым ботам больше id нравится, например для хедера и футера, могу ошибаться. 1

Опции темы

class и id в чем смысл?

Решение