Какая разница id и class?

@Fatmarmelad · Регистрация: 20.02.2016

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

Доброе время суток!
Подскажите, пожалуйста, какая разница между id и class. Каждому задаётся имя, каждому имени задаются свойства. В чём же разница? Когда использовать id, а когда класс?

@aj17 · 02.08.2017, 21:55

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

id и class

Все это селекторы, к которым можно обращаться через CSS, и если подходить к вопросу так как вы, то разницы действительно нету. НО! Id используются для скриптов и якорных ссылок, элементов форм и тп, это уникальное имя элемента, оно не может повторяться на странице, только один Id на страницу, в отличии от классов, привезав стили к которым их можно использовать сколько угодно раз. Также если рассматривать в качестве селекторов, то Id имеет выше вес, чем class, то есть записав свойство через айди, вы не перебьете его записав ниже через класс
Пруф

HTML5

<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        #one {
            font: bold 24px/48px Arial;
            color: red;
        }
        
        .one {
            font: 16px/24px Arial;
            color: blue;
        }
 
    </style>
</head>
 
<body>
    <div  class="one" id="one">Стиль задан через ID</div>
</body>
 
</html>

@mrtoxas · 03.08.2017, 00:00

Fatmarmelad, три сотни сообщений на форуме, а поиском так и не научились пользоваться.

Разница между id и class
Есть ли разница между id и class
В чем разница между ID и Class и что лучшие использовать?
Чем отличается id от class?
class и id в чем смысл?
Какое отличие в CSS между селекторами class и id

@andro_dev · 03.08.2017, 10:52

Fatmarmelad, К выше сказанному. id у элемента может быть только один, классов несколько.
По БЭМ методологии не рекомендуется использовать id для стилей. Стили задавать только через классы.

Новые блоги и статьи
Как создать приложение для фитнеса для iOS/iPhone на Kotlin InfoMaster 14.01.2025 Создание собственного фитнес-приложения — это не только захватывающий, но и полезный процесс, ведь оно может стать вашим верным помощником на пути к здоровому и активному образу жизни. В современных. . .	Как создать приложение магазина для iOS/iPhone на Swift InfoMaster 14.01.2025 Введение в разработку iOS-приложений Разработка приложений для iPhone и других устройств на базе iOS открывает огромные возможности для создания инновационных мобильных решений. В данной статье мы. . .	Это работает. Скорость асинхронной логики велика. Вопрос видимо останется в стабильности. Плата - огонь! Hrethgir 13.01.2025 По прошлому проекту в Logisim Evolution https:/ / www. cyberforum. ru/ blogs/ 223907/ blog8781. html прилагаю файл архива проекта Gowin Eda и снимок. Восьмибитный счётчик из сумматора+ генератор сигнала. . .	UserScript для подсветки кнопок языков программирования в зависимости от текущего раздела volvo 13.01.2025 В результате работы этого скрипта подсвечиваются нужные кнопки не только в форме быстрого ответа, но и при редактировании сообщения: / / ==UserScript== / / @name CF_DefaultLangSelect / / . . .	Введение в модели и алгоритмы машинного обучения InfoMaster 12.01.2025 Машинное обучение представляет собой одну из наиболее динамично развивающихся областей искусственного интеллекта, которая фокусируется на разработке алгоритмов и методов, позволяющих компьютерам. . .	Как на Python создать нейросеть для решения задач InfoMaster 12.01.2025 В контексте стремительного развития современных технологий особое внимание уделяется таким инструментам, как нейросети. Эти структуры, вдохновленные биологическими нейронными сетями, используются для. . .
Как создать нейросеть для генерации картинок на Python InfoMaster 12.01.2025 Генерация изображений с помощью искусственных нейронных сетей стала одним из наиболее захватывающих направлений в области компьютерного зрения и машинного обучения. В этой статье мы рассмотрим. . .	Создание нейросети для генерации текста на Python InfoMaster 12.01.2025 Нейросети, или искусственные нейронные сети, представляют собой модели машинного обучения, вдохновленные работой человеческого мозга. Они состоят из множества взаимосвязанных узлов, или "нейронов",. . .	Как создать нейросеть распознавания изображений на Python InfoMaster 12.01.2025 Введение в распознавание изображений с помощью нейросетей Распознавание изображений с помощью нейронных сетей стало одним из самых впечатляющих достижений в области искусственного интеллекта. Эта. . .	Основы искуственного интеллекта InfoMaster 12.01.2025 Искусственный интеллект (ИИ) представляет собой одну из наиболее динамично развивающихся областей современной науки и технологий. В широком смысле под искусственным интеллектом понимается способность. . .	Python и нейросети InfoMaster 12.01.2025 Искусственные нейронные сети стали неотъемлемой частью современных технологий, революционизировав множество областей - от медицинской диагностики до автономных транспортных средств. Python, благодаря. . .	Python в машинном обучении InfoMaster 12.01.2025 Python стал неотъемлемой частью современного машинного обучения, завоевав позицию ведущего языка программирования в этой области. Его популярность обусловлена несколькими ключевыми факторами, которые. . .

@Fatmarmelad 34 / 10 / 2 Регистрация: 20.02.2016 Сообщений: 1,608
		1
	Какая разница id и class? 02.08.2017, 21:34. Показов 1286. Ответов 3 Метки нет (Все метки) Доброе время суток! Подскажите, пожалуйста, какая разница между id и class. Каждому задаётся имя, каждому имени задаются свойства. В чём же разница? Когда использовать id, а когда класс? 0

@mrtoxas 3826 / 2676 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	03.08.2017, 00:00	3
	Fatmarmelad, три сотни сообщений на форуме, а поиском так и не научились пользоваться. Разница между id и class Есть ли разница между id и class В чем разница между ID и Class и что лучшие использовать? Чем отличается id от class? class и id в чем смысл? Какое отличие в CSS между селекторами class и id 0

@andro_dev 3 / 3 / 5 Регистрация: 26.08.2015 Сообщений: 93
	03.08.2017, 10:52	4
	Fatmarmelad, К выше сказанному. id у элемента может быть только один, классов несколько. По БЭМ методологии не рекомендуется использовать id для стилей. Стили задавать только через классы. 0