Ինտեգրված ոճերը ինչ են և նրանց առաջնահերթությունը ինչ…

Ներքին ոճերը՝ դա ոճեր են, որոնք անմիջապես սահմանվում են HTML տարրում style հատկության միջոցով:

<p style="color: red;"> Այս տեքստը կկարմիր լինի </p>

Ներքին ոճերի առաջնահերթությունը ամենաբարձրն է CSS-ում ոճեր սահմանելու բոլոր մեթոդների շարքում: Նրանք գերազանցում են արտաքին ոճային ֆայլերից (.css), <head>-ում գտնվող <style> բլոկներից և ծնողական տարրերից ժառանգված ոճերից: բացառություն են !important նշանով կանոնները:

Առաջնահերթության օրինակ (մեծից փոքր, նույն հատուկության դեպքում):

!important-ով կանոններ (չօգտագործել):
Ներքին ոճեր (style հատկություն):
Արտաքին ոճային ֆայլեր (<link rel="stylesheet">):
Ներքին ոճեր (<style> բլոկ <head>-ում):
ժառանգված ոճեր:
Բրաուզերի ստանդարտ ոճեր:

Ներքին ոճերը ունեն հատուկություն, որը հավասար է ID ընտրիչի (#id) հատուկությանը:

Ներքին ոճերի հիմնական թերությունը՝ նվազագույն պահպանելիություն է: Դրանք բարդացնում են ոճերի կենտրոնական կառավարումը, բարդացնում են ռեֆակտորինգը և հանգեցնում են կոդի կրկնօրինակության: Հետևաբար, խորհուրդ է տրվում սահմանափակել դրանց օգտագործումը, օրինակ՝ ժամանակավոր սխալների համար կամ այն կոմպոնենտներում, որտեղ ոճերը հաշվարկվում են դինամիկ և կապված են կոնկրետ տարրին։

Ինտեգրված ոճերը ինչ են և նրանց առաջնահերթությունը ինչ է?