во первых, не #00, а #000 или #000000

Во вторых — это написано в любом учебнике.

1 — стилизует <abc>

2 — любой тег с class='abc'

3 — любой тег с id='abc'

Kildor, а чем отличается параметр class от id? А ещё какие-нибудь параметры бывают, кроме этих?

id в логике обработки css имеет более выcокий приоритет, кроме того, id применяется, как правило, для уникальных элементов, в то время как class может быть применен к нескольким элементам.



Существуют и другие варианты синтаксиса, применяющиеся для наследования свойств или более конкретного указания объекта, для которого задается стиль, например:

.class #id - задаст стиль только для элемента id c классом class

#id tag - задаст стиль только для тега tag находящегося внутри элемента с id

.class, tag - задаст одинаковые стили для .class и тега tag

и тп



Лучше всего скачать и почитать "Спецификацию CSS 2.0"

Спасибо

2Tex:

лучше — CSS 2.1

2Crazy Wizard:

в гугль, в яндекс, в w3c.

> в гугль, в яндекс, в w3c.

Kildor, уже не обязательно) Мне надо было эту мелочь ток узнать. А сами коды я через редактор пишу, там просто =)

2Crazy Wizard:

редактор?

хуже написания «кодов» через редактор может быть только написание HTML через визивиг.

Kildor, это почему?)

2Crazy Wizard:

редактор (особенно визивигнутый) накладывает ограничения.

Которые накладываются на ограничения дневников. И многое поэтому сделать нельзя.

А ещё — чтоб понимать, что делает каждое из свойств, и каждый из селекторов, редакторы не помогут, а даже наоборот — запутают.



к примеру мой стиль в редакторе сделать невозможно. И невозможно сделать не понимая особенностей браузеров, и CSS в целом.



А у тебя в дневнике код «из редактора»?

#{cursor:crosshair} — что такое?

Kildor, нет, у меня в дневнике стоят коды, которые я нашёл в этом сообществе =) И мне css нужен не для дневника (для дневника мне css вообще не нужен, поставил несколько кодов просто что бы попробовать и воспользоваться временной халявой), а для моего сайта. Пока редактор хорошо справляется со своей функцией)



> что такое?

курсор =)

курсор =)

правда??

нескромный вопрос — а нахрена? к какому элементу этот курсор применяется?

Kildor, ни к какому)) Но ведь работает)

Kildor, ни к какому)) Но ведь работает)



Где работает-то?

> Где работает-то?

В IE))

В ie 7 все ok - не пашет

#{cursor:crosshair}



правильно будет

body{cursor: crosshair}



"#id tag - задаст стиль только для тега tag находящегося внутри элемента с id"

вообще я привыкла писать tag#id но это скорее дело вкуса.



и еще несколько советов, для ФФ в основном.

a[href=/] - выставит стиль для всех ссылок ссылающихся на /



если нужно унаследовать свойство от родительского цвета(обычно фон) -

background-color: inherit;



насчет цветов уже сказали, замечу лишь что в Файрфоксе сработает лишь #000000 или его буквенный аналог(black в данном случае). все остальные написания игнорируются как неверные.

Браузеры применяют правила к одим и тем же элементам в зависимости от «веса» селектора:



#id = 100

.class = 10

tag = 1

* = 0

:pseudoclass = 0



Например, у нас есть заголовок <h1> с id="header" и class="headerClass headerClass2" и правила с CSS-е



h1{color:red} // вес = 1

#header{color:blue} // вес = 100

body h1.headerClass{color:black} // вес = 1 + 1 + 10 = 12



Если какие-то свойства применяются с селекторами одинакового веса — берётся значение последнего. Это может определять порядок включения стилей в документ, классов для элемента и строк в CSS-е.



Ключевое слово !important выносит правило на новый уровень, умножая вес селектора на 1000.



h1{color:red !important;color:blue;} // вес первого правила = 1000, второго = 1



Таким образом раскрывается первая буква аббревиатуры — «C» — каскадность.