::after / ::before

pseudoelementy pozwalające na zamieszczenie zawartości na stronie bez potrzeby ingerencji w kod html, w zawiązku z czym nie pojawia się w DOM.

::before

przed określonym elementem

::after

po określonym elemencie

 

div::before {
  content: "hi";
}

div::after {
  content: "bye";
}

Jako content możemy zamieścić:

nie można zamieścić znaczników html tak by były interpretowane na kod.

: czy ::

nowsze przeglądarki obsługują : oraz :: jednak IE8 obsługuje tylko :, jeśli więc nie jest potrzebny nam suport dla tej przeglądarki możemy śmiało korzystać z ::

 

 

 

#css3

Agnieszka Trefler

Agnieszka Trefler (Ruda) - freelancer, web developer, specjalistka od WordPressa z Wrocławia. Z pasją budowania stron, blogowania i fotografowania. Twórca Inspiracji fotograficznych.