В этом посте будет сказано о нацеливании на класс CSS в другом классе CSS.
Как настроить таргетинг на класс CSS внутри другого класса CSS?
Чтобы настроить класс CSS внутри другого класса CSS, сначала создайте контейнеры div и добавьте атрибуты класса в каждый контейнер. Затем получите доступ к одному или нескольким классам в CSS, используя их имя/значение.
Шаг 1: Добавьте контейнер «div»
Изначально добавьте элемент div с помощью « <дел> ». Затем выделите атрибут класса для дальнейшего использования.
Шаг 2. Создайте вложенные контейнеры div
Затем создайте вложенные контейнеры div, следуя той же процедуре, что и в шаге 1:
< див сорт '=' 'основное содержание' >
< див сорт '=' 'стол' >
< див сорт '=' 'ряд' >
< див сорт '=' 'с-левый' > Выйти замуж < / див >
< див сорт '=' 'с-право' > Джек < / див >
< див сорт '=' 'с-левый' > Том < / див >
< див сорт '=' 'с-право' > Июль < / див >
< / див >
< / див >
< / див >
Выход
Шаг 3: Примените стиль к основному контейнеру «div»
Доступ к основному « див ” с помощью имени класса как “ .основное содержание ”:
.основное содержание {
ширина : 40% ;
допуск : 0 авто ;
цвет : синий ;
граница : 2 пикселя пунктирный синий ;
выравнивание текста : центр ;
}
Здесь:
- “ ширина ” указывает размер ширины элемента.
- “ допуск ” выделяет пространство вокруг элемента за пределами определенной границы.
- “ цвет ” определяет цвет для добавляемого текста в элементе.
- “ граница ” определяет контур или границу вокруг элемента в HTML.
- “ выравнивание по тексту ” определяет выравнивание текста элемента.
Шаг 4: Стиль другого класса
Получите доступ к основному классу CSS и другим вложенным классам, используя их имена. Затем установите ширину контейнера, указав значение по вашему выбору:
.основное содержание .стол {ширина : 80% ;
}
Кроме того, получите доступ к другому классу, выполнив ту же процедуру, что и выше, и примените свойства CSS, упомянутые в приведенном ниже фрагменте кода:
.основное содержание .c-право {отображать : встроенный блок ;
размер шрифта : 20 пикселей ;
}
Согласно приведенному выше фрагменту кода:
- “ отображать ” используется для настройки отображения элемента.
- “ размер шрифта ” указывает размер текста, добавляемого в контейнер.
Теперь получите доступ к другим классам, используя тот же метод, и примените следующие свойства CSS, как указано ниже:
.основное содержание .c-левый {ширина : 140 пикселей ;
край справа : 6 пикселей ;
размер шрифта : 16 пикселей ;
}
Для этого мы будем применять « ширина », « край справа ' и ' размер шрифта ”для стайлинга.
Кроме того, доступ к основному « див ” вместе с другим вложенным контейнером div, используя имя их класса и применив следующие свойства CSS.
.основной .c-право {ширина : авто ;
размер шрифта : 15 пикселей ;
цвет : #ффф ;
край справа : 20 пикселей ;
вес шрифта : нормальный ;
}
Выход
Это все о нацеливании класса CSS внутри другого класса CSS.
Заключение
Чтобы настроить класс CSS в другом классе CSS, сначала откройте главный « див ” через назначенный атрибут класса. Затем получите доступ к другому контейнеру «div», выполнив ту же процедуру. Кроме того, пользователи могут настроить таргетинг на класс CSS внутри другого класса CSS. В этом посте продемонстрирован метод нацеливания на класс CSS в другом классе CSS.