Что делает следующий код в CSS?
Я ничего не знаю о CSS, но пытаюсь понять значение этого синтаксиса:
body {
margin: 0;
font-family: "Trebuchet MS", Helvetica;
background: #FFFFFF;
color: #FE6600;
overflow-x: hidden;
position: absolute;
margin: 0;
padding: 0;
left: 0;
top: 45px;
width: 100%;
min-height: 372px;
}
body > *:not(.toolbar) {
/*display: block;*/
position: absolute;
margin: 0;
padding: 0;
left: 0;
top: 45px;
width: 100%;
min-height: 372px;
}
Ответы 8
Никакой быстрый ответ не скажет вам, что такое CSS ...
Это довольно обширная тема !!
посмотри на :
http://www.w3.org/Style/CSS/learning
Замечание: возврат разрешен и даже рекомендуется после точки с запятой, тогда все будет читаться намного лучше ...
Вы говорите о псевдо-селекторе: not? Он делает то, что звучит так, будто собирается выбрать все элементы из текущего набора, которые не соответствуют этому селектору.
Но это CSS3, и я бы сказал, что он недостаточно широко поддерживается.
Хорошая статья здесь.
edit, ваш конкретный пример body > *:not(.toolbar) соответствует всем (*) прямым дочерним элементам (>) тела, которые не являются экземплярами класса панели инструментов (:not(.toolbar))
Я предполагаю, что вы имеете в виду эту часть:
body > :not(.toolbar)
При этом используются как селектор: not, так и дочерний селектор>.
Насколько я могу судить, это применит следующий CSS к дочерним элементам тела, за исключением элемента ".toolbar".
body > *:not(.toolbar)
Применяет заданные стили ко «всем прямым дочерним элементам основного элемента, не имеющим имени класса 'панель инструментов'»
На данный момент IE6 / 7 некорректно отображает эти стили.
На самом деле я не уверен, что это что-то дает.
Первый стиль устанавливает правила основного текста по умолчанию (верхнее левое положение, скрыть любое переполнение, занять всю ширину, минимальная высота 372 пикселя, шрифт Trebuchet, черный b / g, оранжевый f / g и т. д.) (Хотя «margin: 0» повторяется почему-то).
Второе правило, похоже, пытается установить исключение, которое применяется ко всем дочерним тегам элемента body, кроме тех, которые имеют класс «панель инструментов». Проблема в том, что все его атрибуты являются дубликатами атрибутов тега body, поэтому я не уверен, что это будет иметь какой-либо эффект. Похоже, там тоже есть искаженный комментарий.
CSS является частью DHTML.
Я также порекомендовал сиукурнинский совет.
CSS лучше начинать с
Что ж, мои коллеги-пользователи ответили на ваш вопрос с точки зрения того, что делает каждая инструкция CSS, но я не уверен, что пытается выполнить автор этого кода.
Похоже, что он не делает ничего особенного в действительно извращенной манере. Не самый канонический фрагмент кода, который я видел, и никому его не рекомендую :)
margin: 0;
Эта строка означает, что количество места, зарезервированного в качестве поля вокруг тела, будет равно нулю (в любых единицах). Таким образом, соседние поля будут находиться только на расстоянии, как их собственные настройки полей, если таковые имеются.
Я оставлю другие строки для других ответов.