Аватар для Fatmarmelad
34 / 10 / 2
Регистрация: 20.02.2016
Сообщений: 1,613
1

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

02.08.2017, 21:34. Показов 1295. Ответов 3
Метки нет (Все метки)

Author24 — интернет-сервис помощи студентам
Доброе время суток!
Подскажите, пожалуйста, какая разница между id и class. Каждому задаётся имя, каждому имени задаются свойства. В чём же разница? Когда использовать id, а когда класс?
0
02.08.2017, 21:34
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
02.08.2017, 21:34
Ответы с готовыми решениями:

Кто подскажет какая между ними разница (Object and class)
Кто подскажет какая между ними разница

Разница между id и class
Какая разница между id и class? Нет, я умею пользоваться поиском и гуглом. Я понял что класс можно использовать несколько раз а id один...

Разница Struct и Class
Подскажите почему при вызове метода переменная класса change не изменяет свое изначально заданное значение? /* Создайте класс MyClass и...

3
333 / 309 / 168
Регистрация: 02.06.2014
Сообщений: 1,130
02.08.2017, 21:55 2
Цитата Сообщение от Fatmarmelad Посмотреть сообщение
id и class
Все это селекторы, к которым можно обращаться через CSS, и если подходить к вопросу так как вы, то разницы действительно нету. НО! Id используются для скриптов и якорных ссылок, элементов форм и тп, это уникальное имя элемента, оно не может повторяться на странице, только один Id на страницу, в отличии от классов, привезав стили к которым их можно использовать сколько угодно раз. Также если рассматривать в качестве селекторов, то Id имеет выше вес, чем class, то есть записав свойство через айди, вы не перебьете его записав ниже через класс
Пруф
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!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>
1
Эксперт JSЭксперт HTML/CSS
 Аватар для mrtoxas
3827 / 2677 / 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
3 / 3 / 5
Регистрация: 26.08.2015
Сообщений: 93
03.08.2017, 10:52 4
Fatmarmelad, К выше сказанному. id у элемента может быть только один, классов несколько.
По БЭМ методологии не рекомендуется использовать id для стилей. Стили задавать только через классы.
0
03.08.2017, 10:52
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
03.08.2017, 10:52
Помогаю со студенческими работами здесь

Есть ли разница между id и class
Всем доброго времени суток! На данный момент я учусь в одном училище с уклоном в IT. Там нам один препод постоянно говорит, что НУЖНО...

В чем принципиальная разница между id и class?
Принципиальная. Верстая, экспериментируя, разрабатывая начал задумываться над тем, в чем разница между id и class? Особенно, когда...

В чем разница между @class и #import?
Всем доброго дня ! Вот у меня вопрос: в чем различие между @class и #import. @class работает быстрей, но есть случаи когда в хидер нельзя...

Какая разница?!
Вот две сортировки массивов, если не трудно обьясните пожалуйста разницу и есть ли указатели тут: bool foo(double i,double j) { ...

какая разница?
CREATE TABLE Customers ( Id SERIAL PRIMARY KEY, Age INTEGER, FirstName VARCHAR(20) NOT NULL ); CREATE TABLE...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему

Редактор формул (кликните на картинку в правом углу, чтобы закрыть)
Опции темы

Новые блоги и статьи
Использование кэша Laravel - полный гайд
bytestream 18.02.2025
Кэширование - один из наиболее эффективных способов повышения производительности веб-приложений. В современном мире, где скорость загрузки страниц напрямую влияет на удержание пользователей и. . .
Создаем REST API в Laravel с аутентификацией через Passport
bytestream 18.02.2025
Разработка современных веб-приложений все чаще требует создания надежного и хорошо структурированного API. REST API стал стандартом де-факто для построения взаимодействия между клиентской и серверной. . .
Пайплайны в Laravel - полный гайд
bytestream 18.02.2025
Разработка современных веб-приложений часто требует обработки сложных процессов, состоящих из множества последовательных шагов. Например, при создании системы комментариев может потребоваться. . .
Как правильно использовать @required в Symfony
bytestream 18.02.2025
При разработке приложений на Symfony мы часто сталкиваемся с необходимостью внедрения зависимостей. Фреймворк предоставляет несколько способов управления этим процессом, и одним из таких инструментов. . .
Система безопасности в Laravel: возможности и примеры
Wired 18.02.2025
Каждый день появляются новые виды атак и уязвимостей, которые могут поставить под угрозу конфиденциальные данные пользователей и функционирование всей системы. В этом контексте выбор надежного. . .
Давайте сравним Django и Laravel
Wired 18.02.2025
Django и Laravel - два мощных инструмента, которые часто сравнивают между собой. Оба фреймворка предлагают разработчикам богатый набор возможностей для создания масштабируемых веб-приложений, но. . .
Laravel или React - что лучше?
Wired 18.02.2025
В разработке веб выбор правильного инструмента часто определяет успех всего проекта. Особенно интересным представляется сравнение Laravel и React - двух популярных технологий, которые часто. . .
Laravel 11: новые возможности, гайд по обновлению
Wired 18.02.2025
Laravel 11 - это новая масштабная версия одного из самых популярных PHP-фреймворков, выпущенная в марте 2024 года. Эта версия продолжает традицию внедрения передовых технологий и методологий. . .
Миграции в Laravel
Wired 18.02.2025
Разработка веб-приложений на Laravel неразрывно связана с управлением структурой базы данных. При работе над проектом часто возникает необходимость вносить изменения в схему базы данных - добавлять. . .
Аутентификация в Laravel
Wired 18.02.2025
В современном мире веб-разработки безопасность пользовательских данных становится критически важным аспектом любого приложения. Laravel, как один из самых популярных PHP-фреймворков, предоставляет. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru