Наследствени стилове CSS, че това е и как работи

Извършване уроци в предишните глави, вече сте се занимава с наследството на CSS стилове (може би без дори да мисля за него). Определението на този термин е доста очевидно.

Наследяването в CSS - способността да се учат от деца елементи на правилата и стандартите (CSS свойства), които са възложени на техните предци (около родство HTML елементи писахме по-рано).

Помислете за един прост пример:

И резултатът на екранната снимка:

Снимка: Пример на CSS наследство

На екранната можете да видите какво тагове

стил, приет от неговия предшественик . цвят на текста на страницата, беше # 913D88. Но граничен кадър се появява само веднъж - за маркера . но не и за

.

За да разберете дали той е наследил или друга собственост, която може да е в стандарта CSS. Ако «Наследено?» Графа до желаните свойства на стойност «да», а след това се предава по наследство.

Значение наследи

Тъй като можете да определите с помощта на наследяване, стойността на елемент на имота наследен от предците му. Тази стойност е достъпна за почти всеки имот в CSS.

За да се докаже използването предишния пример: за да се направи още тагове

наследят граница рамките на неговия предшественик . вие трябва да напишете:

Снимка: Пример за използване наследяват

Такова изпълнение е удобно с това, че промени могат да бъдат направени само за стил тяло елемент, ако е необходимо. и на тагове

прекарват времето не е необходимо, тъй като стилът се променя автоматично за тях.

Поради факта, че има наследство, можете да спестите голяма сума от време, усилия и пространство в кода. Ако не съществуват такива правила, че е трудно да си представим какво щеше да усложни нашата работа. В този случай, механизъм CSS наследство е добре обмислено, тъй като не всички имоти са наследени (и ако те са наследили, а след това нищо добро не е довело).

В следващата глава ще изучаваме учебника каскадата CSS.