Как да насочите CSS клас в друг CSS клас

”. След това задайте атрибут на клас за по-нататъшна употреба.

Стъпка 2: Направете вложени „div“ контейнери

След това направете вложени div контейнери, като следвате същата процедура от стъпка 1:

< див клас = 'главно съдържание' >

< див клас = 'маса' >

< див клас = 'ред' >

< див клас = 'c-ляво' > Ожени се < / див >

< див клас = 'с-надясно' > Джак < / див >

< див клас = 'c-ляво' > Том < / див >

< див клас = 'с-надясно' > Юли < / див >

< / див >

< / див >

< / див >

Изход

---

---

Стъпка 3: Приложете стил върху основния „div“ контейнер

Достъп до главния „ див ” контейнер с помощта на име на клас като „ .главно съдържание ”:

.главно съдържание {

ширина : 40% ;

марж : 0 Автоматичен ;

цвят : син ;

граница : 2px пунктиран син ;

подравняване на текст : център ;

}

Тук:

• “ ширина ” определя размера на ширината на елемента.
• “ марж ” разпределя пространство около елемента извън дефинираната граница.
• “ цвят ” определя цвета на добавения текст в елемента.
• “ граница ” дефинира контур или граница около елемента в HTML.
• “ Подравняване на текст ” определя подравняването на текста на елемента.

Стъпка 4: Оформете друг клас

Достъп до основния клас на CSS и други вложени класове, като използвате имената им. След това задайте ширината на контейнера, като посочите стойността според вашия избор:

.главно съдържание .маса {

ширина : 80% ;

}

Освен това, влезте в другия клас, като следвате същата процедура като по-горе, и приложете CSS свойствата, споменати в кодовия фрагмент по-долу:

.главно съдържание .c-надясно {

дисплей : вграден блок ;

размер на шрифта : 20px ;

}

Според горния кодов фрагмент:

• “ дисплей ” свойството се използва за настройка на показването на елемент.
• “ размер на шрифта ” указва размера на текста, добавен в контейнера.

Сега отворете другите класове, като използвате същия метод и приложете следните CSS свойства, както е споменато по-долу:

.главно съдържание .c-ляво {

ширина : 140 пиксела ;

margin-right : 6px ;

размер на шрифта : 16px ;

}

За целта ще приложим „ ширина ”, “ margin-right ' и ' размер на шрифта ” за стайлинг цели.

Освен това достъп до главния „ див ” заедно с друг вложен div контейнер, като използвате името на класа им и приложите следните CSS свойства

.основен .c-надясно {

ширина : Автоматичен ;

размер на шрифта : 15px ;

цвят : #Ф ф ф ;

margin-right : 20px ;

тегло на шрифта : нормално ;

}

Изход

Това е всичко за насочване към CSS клас в друг CSS клас.

Заключение

За да насочите CSS клас в рамките на друг CSS клас, първо отворете главния „ див ” чрез присвоения атрибут на клас. След това отворете друг контейнер „div“, като следвате същата процедура. Освен това потребителите могат да се насочат към CSS клас в рамките на друг CSS клас. Тази публикация демонстрира метода за насочване към CSS клас в друг CSS клас.