<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style> p>a:first-child {color: green;} </style> </head> <body> <h1 id="h1">Използване на псевдоклас firstchild</h1> <p>Всяка <a href="#h1">първа</a> хипервръзка ще бъде зелена на цвят. Всички <a href="#h1">останали</a> хипервръзки обаче ще бъдат с обичайния си <a href="#h1">цвят</a>. </p> <p>Това е втория параграф - и тук <a href="#h1">първата</a> хипервръзка ще бъде зелена, а <a href="#h1">втората</a>, <a href="#h1">третата</a> и т.н. - с цвета по подразбиране.</p> <p>Стилът за хипервръзките използва връзката родители-деца, която не се поддържа добре от по-стари версии на Internet Explorer - за целта трябва да се укаже DOCTYPE.</p> </body> </html>
Вашия резултат:
Опитай сам
CSS уроци:
www.parvisait.com