logo_s

САМОУЧКА

Сайт для тех, кто хочет научиться

 

 

 

 

 

 

Главная

О Нас

Публикации

Связь

 

 

 

 

 

 

 

Наши публикации

 

HTML для новичков

 

XHTML

 

CSS для новичков

 

CSS 3

 

JavaScript

 

< Предыдущая  Следующая >

Псевдо-классы расширяют возможности CSS селекторов.

Псевдо-класс :first-child

Псевдо-класс :first-child позволяет выбрать элемент, который является первым потомком в его родительском элементе.

Пример

p:first-child
{
color:red;
}

Псевдо-класс :first-letter

Псевдо-класс :first-letter позволяет оформить первую букву указанного элемента.

Пример

p:first-letter
{
font-size:1.8em;
color:green;
font-family:"Comic Sans MS";
border:1px solid black;
padding:2px;
}

Псевдо-класс :focus

Псевдо-класс :focus позволяет выбрать активные input элементы формы.

Пример

:focus
{
background-color:yellow;
}

Псевдо-класс :first-line

Псевдо-класс :first-line позволяет оформить первую строчку указанного элемента.

Пример

p:first-line
{
font-size:1.2em;
font-weight:bold;
color:green;
}

Псевдо-классы :before и :after

С помощью псевдо-классов :before и :after Вы можете вставлять произвольное содержимое до и после указанных элементов.

Пример

p:before
{
content:"CSS - ";
font-weight:bold;
}
p:after
{
content:" HTML документы.";
}

  

  
  
  
  

  

  
  
  

< Предыдущая  Следующая >

 

 

 

 

 

 

 

 

Последние добавления

 

HotLog