Не могу найти селектор страницы

ЕСТЬ РЕШЕНИЕ InstantCMS 2.X
#1 23 августа 2025 в 01:14

Друзья, подскажите пожалуйста как выглядет id или class элемента страницы? Мне нужно получить селектор. Объект элемента страница. Я пробовал найти по строчке page но безрезультатно. Что теперь делать не знаю. Если есть желание помочь давайте в личке дам ссылку на страницу, вы мне пришлёте скрин. Мне бы хотя бы визуально понимать. Всем неравнодушным большое спасибо. Я если честно многому научился благодаря нашему сообществу. Сам практически управляю сайтам. А 2 года назад не знал что такое компонент и виджет )) Благодаря вам и нашему сообществу получаю полезные и нужные знания. +100 в карму каждому.

#2 23 августа 2025 в 09:12

С вашего позволения, перепечатаю информацию с первого сайта, открывшего в гугле по этой теме:

ID и class — это атрибуты HTML-элементов, которые используются для их стилизации (через CSS) и взаимодействия (через JavaScript).

Вот как они выглядят в коде:

1. ID (Идентификатор)

  • Назначение: Уникальное имя для одного конкретного элемента на странице. Как паспорт — он должен быть только у одного человека.
  • Синтаксис: id=«имя_идентификатора»
  • В HTML:
  1. <button id="main-button">Купить</button>
  2. <h1 id="page-title">Главный заголовок</h1>
  3. <div id="user-profile-123"></div>

Особенности:

  • На странице может быть только один элемент с конкретным ID (например, только один элемент с id=«main-button»).
  • Имя чувствительно к регистру: id=«Main» и id=«main» — это два разных ID.
  • Должен начинаться с буквы (A-Z, a-z), может содержать цифры, дефисы (-), подчёркивания (_), двоеточия (:) и точки (.)

2. Class (Класс)

  • Назначение: Имя для группы элементов. Как фамилия в семье — у нескольких людей может быть одна и та же фамилия.
  • Синтаксис: class=«имя_класса»
  • В HTML:
  1. <p class="text-red">Это важное сообщение.</p>
  2. <p class="text-red">И это тоже важное сообщение.</p>
  3. <button class="btn btn-large btn-primary">Большая кнопка</button>
  4. <div class="card highlighted"></div>

Особенности:

  • Одному элементу можно задать несколько классов через пробел (как у кнопки и div в примере выше: class=«card highlighted»).
  • Один и тот же класс можно использовать для множества элементов на странице.
  • Правила для имен те же, что и для ID.

Как их увидеть в браузере?
Самый простой способ — использовать Инструменты разработчика (DevTools) в браузере.

  1. Откройте страницу в браузере (Chrome, Firefox, Edge и т.д.).
  2. Нажмите правой кнопкой мыши на интересующий вас элемент (например, на кнопку или заголовок).
  3. В выпавшем меню выберите «Просмотреть код» (или Inspect / Исследовать элемент).
  4. В открывшейся панели DevTools будет подсвечена HTML-структура. Атрибуты id и class будут видны прямо в теге элемента.

Изображение

На скриншоте (кликабельно) выше у элемента div есть класс header и уникальный ID

#3 23 августа 2025 в 15:35
С вашего позволения, перепечатаю информацию с первого сайта, открывшего в гугле по этой теме:ID и class — это атрибуты HTML-элементов, которые используются для их стилизации (через CSS) и взаимо
Pechora

Спасибо

#4 25 августа 2025 в 06:11
С вашего позволения, перепечатаю информацию с первого сайта, открывшего в гугле по этой теме:ID и class — это атрибуты HTML-элементов, которые используются для их стилизации (через CSS) и взаимо
Pechora

😬Молодцец конечно что тут всё так расписал, Не открою колесо, но по моему это банально даже для школьника, а даже если нет всегда можно спросить у обычной и самой глупой нейронки и она выдаст ответ, а если ты дашь ссылку на страницу может и выписать все ID со страницы и подробно рассказать в каком это блоке и много чего еще интересного. 

PS: Удочка всегда лучше рыбы.

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.

Похожее в блогах

🍪Мы используем файлы cookie для работы сайта. Читать подробнее.