Комментарии в CSS

Дата добавления: 2015-07-09; просмотров: 529; Нарушение авторских прав

Комментарии в CSS начинаются с «/*» и заканчиваются «*/». Взгляните на этот пример:

Если два селектора идентичны, тогда всегда приоритет получит последний из них. Например, есть:

Элемент p всегда будет синего цвета, т.к. соответствующее правило указано последним.

При вложенных селекторах требуются вычисления. По существу, приравнивается каждый селектор id («#anything») к значению 100, каждый селектор class («.anything») к 10, а каждый селектор HTML («anything») к 1. Затем вы складываете их значения, а общий результат и будет вашим значением специфики.

- p имеет специфику 1 (1 HTML селектор)

- div p имеет специфику 2 (2 HTML селектора; 1+1)

- .tree имеет специфику 10 (1 селектор class)

- div p.tree имеет специфику 12 (2 HTML селектора и 1 селектор class; 1+1+10)

- #baobab имеет специфику 100 (1 селектор id)

- body #content .alternative p имеет специфику 112 (HTML селектор, id селектор, class селектор, HTML селектор; 1+100+10+1)

Таким образом, в случае, если все эти примеры будут использованы, div p.tree (со спецификой 12) будет более специфичен, чем div p (со спецификой 2), а body #content .alternative p будет более специфичем, чем все они, независимо от порядка.

Цвет синий.

Пример1.

<pstyle="font-size:20px;">Это напечатано размером 20</p>

<pstyle="font-family:courier;">Это напечатано шрифтом Courier</p>

<pstyle="font-size:20px; font-family:courier">Это напечатано шрифтом Courier размером 20</p>

Или Пример2

<html>

<head>

<title>My first CSS page</title>

<style type="text/css">

h1 {font-size: 30px; font-family: arial}

h2 {font-size: 15px; font-family: courier}

p {font-size: 8px; font-family: times new roman}

</style>

</head>

<body>

<h1>My first CSS page</h1>

<h2>Welcome to my first CSS page</h2>

<p>Here you can see how CSS works </p>

</body>

</html>

<== предыдущая лекция	\|	следующая лекция ==>
Правила CSS	\|	Фоновые изображения