Гурӯҳҳои CSS якчанд гурӯҳи интихобшуда барои баланд бардоштани суръат
Натиҷа омили муҳим дар сайти бомуваффақият аст. Ин сайт бояд дар он сурат чӣ гуна тасвирҳоро истифода кунад . Ин имкон медиҳад, ки сайт барои меҳмонон хуб фаъолият кунад ва зуд ба дастгоҳҳои худ бор оварад . Натиҷа бояд як қисми раванди умумии шумо бошад, ба шумо кӯмак мекунад, ки пешрафти сайти худро дар вақти ва буҷаи худ нигоҳ доред.
Дар натиҷа, самаранокии тамоми ҷабҳаҳои бунёдии вебсайт ва муваффақияти дарозмуддат, аз ҷумла дар тарҳҳое, ки барои саҳифаҳои CSS-и ин сомона навишта шудаанд, нақши муҳим мебозанд. Бо қобилияти эҷоди такрори, файлҳои поки CSS беҳтарин аст ва яке аз роҳҳои ба даст овардани ин ба воситаи гурӯҳбандии якчанд интихобкунандагони CSS якҷоя аст.
Интихоби Гурӯҳҳо
Вақте, ки шумо интихобкунандагони CSS-ро интихоб мекунед, шумо сабтҳои якхеларо ба якчанд унсурҳои гуногун бе такрори сабкҳо дар варақи сабки худ истифода мекунед. Ба ҷои он ки ду ё се ё ҳатто зиёда аз қоидаҳои CSS-ро, ки ҳамаи онҳо як чизи дигар мекунанд (мисол, ранги чизеро ба сурх гузоштааст), шумо як қоидаҳои яквақтаи CSS, ки барои саҳифаи худ иҷро мекунад.
Як қатор сабабҳо вуҷуд доранд, ки чаро ин гурӯҳ "интихобкунандагон" ба саҳифа манфиатоваранд. Пеш аз ҳама, варақаи таркиби шумо камтар хоҳад шуд ва зудтар ба кор меравад. Боварӣ аз он аст, ки саҳифаҳои сабзавот яке аз гунаҳкорони асосӣ нест, вақте ки ба сайтҳои сусти торафт меояд. Файлҳои матнии CSS файли матнӣ мебошанд, бинобар ин ҳатто варақаҳои CSS хеле кӯтоҳанд, файлҳои андозаи файл, ки дар муқоиса бо тасвирҳои unoptimized мебошанд. Бо вуҷуди ин, ҳар як каме кам аст, ва агар шумо метавонед андозаи CSS-ро ба ҷояш гузоред ва саҳифаҳоеро, ки зудтар тезтарро бор мекунанд, ин ҳама кори хубе аст.
Умуман, суръати миёнаи миқёс барои сайтҳо камтар аз 3 сония аст; 3 то 7 сония дар бораи миёна, ва зиёда аз 7 сония танҳо хеле суст аст. Ин рақамҳои камтарин маънои онро доранд, ки барои ба даст овардани макони худ, ба шумо лозим аст, ки ҳама чизро ба даст оред! Ин аст, ки чаро шумо метавонед саҳифаҳои худро бо интихоби гурӯҳи CSS гурӯҳбандӣ кунед.
Чӣ тавр ба гурӯҳи интихобшудаи CSS
Барои гурӯҳи гурӯҳи интихобшудаи CSS якҷоя бо варақаи сабки шумо, шумо барои интихоби интихобкунандагони сершумор дар намуди варақҳо истифода мешавад . Дар намунаи зерин, сабки элементҳо p ва div ба унсурҳо таъсир мерасонад:
div, p {ранги: # f00; }}Дар сатри асосӣ маънои "ва" -ро дорад. Пас, ин интихоби ҳамаи унсурҳои параграф ва ҳамаи унсурҳои тақсимкуниро татбиқ мекунад. Агар варақа гум шавад, он ҳама порчаҳои элементест, ки кӯдаки тақсимот аст. Ин як навъи гуногуни интихобкунандагон аст, бинобар ин ин ранг дар ҳақиқат маънои интихобшударо тағйир медиҳад!
Ҳама гуна интихобкунандагон метавонанд бо ягон интихоби дигар гурӯҳбандӣ карда шаванд. Дар ин мисол, интихоби синф бо интихобкунандаи ID тасниф мешавад:
p.red, #sub {color: # f00; }}Пас, ин тарзи ба ҳар як параграф бо хосиятҳои синфии "сурх", ва ягон унсури (барои он ки мо намефаҳмем, ки кадом намуди он), ки дорои аломати аслии "sub" аст.
Шумо метавонед шумораи интихобкунандагонро якҷоя кунед, аз ҷумла интихобкунандаҳое, ки калимаҳои яктарафа ва интихоби компютерҳо мебошанд. Ин намуна аз чор интихобкунанда иборат аст:
p, .red, #sub, div a: link {color: # f00; }}Пас, ин қоидаи CSS ба инҳо дахл дорад:
- Ҳар як унсури параграф
- Ҳар як унсури классикии "сурх"
- Ҳар унсури дорои ID-и "sub"
- "Link" синфи псевдо аз унсурҳои часпаке, ки решаҳои тақсимбандӣ доранд.
Ин интихоби охирин як интихоби мураккаб аст. Шумо метавонед онро бо осонӣ бо интихобкунандагони дигар дар ин қоида CSS дидан кунед. Бо ин қоида, мо ранги # f00 (ки сурх аст) дар ин 4 интихобкунанда, ки барои интихоби ҳамин натиҷагирии 4 интихобкунандаҳои алоҳида нависед, муқаррар карда мешавад.
Дигар фоидаи гурӯҳҳои интихобкунандагон ин аст, ки агар шумо бояд тағиротро тағйир диҳед, шумо метавонед як қоидаи CSS-ро ба ҷои multiple-edit таҳрир кунед. Ин маънои онро дорад, ки ин усул ба шумо вазн ва вақти саҳифаро захира мекунад, вақте ки барои нигоҳ доштани сайт дар оянда меояд.
Интихоби ҳама гуна интихобшуда мумкин аст
Тавре ки шумо аз намунаҳои боло мебинед, ҳар як интихобкунандаи дуруст метавонад ба як гурӯҳ ҷудо карда шавад ва ҳамаи унсурҳо дар ҳуҷҷате, ки ҳамаи унсурҳои гурӯҳиро мутобиқат мекунанд, дар асоси ин хосият моликияти styles.
Баъзе одамон мехост, ки унсурҳои гурӯҳиро дар хатҳои алоҳида барои рамзгузорӣ дар рӯйхат номбар кунанд. Намуди зоҳирӣ дар сомона ва суръати боргирӣ ҳамон якбора боқӣ мемонад. Масалан, шумо метавонед тарзҳои худро бо вергулҳо ба як стандарти таркибӣ дар як сатр рамзи ҷудо карда метавонед:
th, td, p.red, div # firstred {ранги: сурх; }}
ё шумо метавонед сабтҳо дар хатҳои алоҳида барои равшанӣ сабт кунед:
Бояд гуфт,
td,
Инчунин,
ШАҲРИ ҚӮРҒОНТЕППА
{{
ранг: сурх;
}}
Ё методе, ки шумо барои гурӯҳи интихобкунандагони CSS истифода мебаред, то сайти худро зиёд кунад ва идора кардани услубҳои дарозмуддатро осонтар кунад.
Мақолаи аслӣ аз тарафи Ҷенифер Кренин. Аз ҷониби Jeremy Girard таҳрир карда шуд 5/8/17.