ПредишенСледващото

Селектори псевдо-класовете

Псевдо-класове, за да се прилагат стилове на елементите в зависимост от тяхното състояние, което може да бъде променено от действията на потребителя и може да зависи и от местоположението на елемент в дървото на документа. Селектори псевдо-класовете започват с дебелото черво - и обикновено добавят веднага след селектора вид, без никакви различия между тях "":.

В горния код съдържа четири CSS правила. Във всяка от селектори използва псевдо-клас. Първото правило определя цвета връзки, в които потребителите все още не са минали, ако потребителят посети линка, ще бъдат използвани второто правило. Псевдо-класа: навъртат и: активно се променя динамично, на дисплея на връзки. мишката стилизирам връзка само по времето, когато тя е над показалеца на мишката, и: активен само когато потребителят кликне върху връзката, но когато се натисне бутона отново.

Псевдо-класа: навъртам и: активни официално известни като динамичен, тъй като те се прилагат стила, само ако потребителят не взаимодейства със съответните елементи като движите мишката и кликне върху линка, съответно.

Забележка. навъртам, в допълнение към тях, можете може да се използва с други елементи, което ви позволява да създавате ефекти като маркирате ред от таблицата, когато преместите курсора на мишката върху него. Въпреки това, браузърът IE6 и по-ранни версии на подкрепа на използването на псевдо-класа само с елементите .

подчертае връзки

Псевдо-класа: първо дете и: последната дете

Друг пример за псевдо-класовете са: първо дете и: последната дете. Псевдо-клас: първо дете се отнася до първото дете елемент от реда, определен от родителя, за разлика от него: в последния дете работи по Напротив, то се отнася до последния детето:

От първия параграф на първото дете елемент

. Текстът ще бъде показана в зелено. Цветът на втория параграф на текста ще съответства на цвета по подразбиране, че е черен. Цветът на третия параграф, текстът ще бъде оцветен в синьо, тъй като третия параграф е последното дете на
Подкрепете проекта - споделете линка, благодаря!