Daxil edilmiş stillər nədir və onların prioriteti nədir?
sobes.tech Süni İntellekt
AI-dan cavab
Daxili stillər, HTML elementində birbaşa style atributu vasitəsilə təyin olunan stillərdir.
<p style="color: red;"> Bu mətn qırmızı olacaq </p>
Daxili stillərin üstünlüyü, CSS-də stil təyin etmə üsulları arasında ən yüksəkdir. Onlar xarici stil cədvəllərindən (.css), <head> içindəki <style> bloklarından və valideyn elementlərdən irsən alınan stillərdən üstün gəlir. İstisna, !important bayrağı ilə qeyd olunan qaydalardır.
Prioritet nümunəsi (ən yüksəkdən ən aşağıya, eyni spesifiklikdə):
!importantilə qaydalar (istifadə olunmaması tövsiyə olunur).- Daxili stillər (
styleatributu). - Xarici stil cədvəlləri (
<link rel="stylesheet">). - Daxili stillər (
<style>bloku<head>içində). - İrsən alınan stillər.
- Brauzerin standart stilləri.
Daxili stillər, ID seçicisi (#id) ilə bərabər spesifikliyə malikdir.
Daxili stillərin əsas çatışmazlığı, aşağı baxımlılıqdır. Bu, stillərin mərkəzləşdirilmiş idarə olunmasını çətinləşdirir, refaktorlaşdırmanı mürəkkəbləşdirir və kod təkrarlanmasına səbəb olur. Ona görə də, ümumiyyətlə, istifadəni məhdudlaşdırmaq tövsiyə olunur, məsələn, müvəqqəti debug stilləri üçün və ya stillər dinamik hesablanıb konkret elementə bağlandıqda istifadə edilən komponentlərdə.