Что делает следующий код в CSS?

Question

Я ничего не знаю о 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;
}

Answer 1

Вы говорите о: не псевдоселекторе? Он делает то, что звучит так, как будто собирается выбрать все элементы из текущего набора, которые не соответствуют этому селектору.

Это CSS3, хотя и недостаточно широко поддерживается, я должен сказать.

Хорошая статья здесь .

---

edit, ваш конкретный пример body > *:not(.toolbar) соответствует всем (*) прямым потомкам (>) тела, которые не являются экземплярами класса панели инструментов (:not(.toolbar))

Answer 2

Полагаю, вы имеете в виду эту часть:

body > :not(.toolbar)

При этом используются селектор: not и селектор>.

Насколько я могу судить, это применимо к детям тела следующего css, за исключением элемента ".toolbar"

Answer 3

 body > *:not(.toolbar) 

Применяет данные стили к «всем прямым потомкам элемента body, которые не имеют имени класса« панель инструментов »»

На данный момент IE6 / 7 не будет корректно отображать эти стили.

Answer 4

Ни один быстрый ответ не скажет вам, что такое CSS ....

Это довольно обширная тема !!

взгляните на:

http://www.w3.org/Style/CSS/learning

Просто замечание: возврат разрешен и даже рекомендуется после точки с запятой, тогда все будет выглядеть намного лучше ...

Answer 5

margin: 0;

Эта строка означает, что количество места, зарезервированного как поле вокруг тела, будет равно нулю (в любых единицах). Таким образом, соседние поля будут только на расстоянии, как их собственные настройки полей, если таковые имеются.

Я оставлю другие строки для других ответов.

Answer 6

Что ж, мои коллеги-пользователи ответили на ваш вопрос с точки зрения того, что делает каждая инструкция CSS, но я не уверен, чего пытается достичь автор этого кода.

Кажется, он не делает ничего особенного в действительно извращенном виде. Не самый каноничный кусок кода, который я видел, и я бы никому не рекомендовал его:)

Answer 7

CSS является частью DHTML.

Я также порекомендовал совет сиукурнина.

Лучше начать CSS с

http://www.w3schools.com/

Answer 8

Я не уверен, что это действительно что-то делает.

Первый стиль устанавливает правила тела по умолчанию (позиция в верхнем левом углу, скрывает любое переполнение, занимает всю ширину, минимальная высота 372px, шрифт Trebuchet, черный b / g, оранжевый f / g и т. Д.) (Хотя "поле : 0 "повторяется по какой-то причине).

Второе правило, похоже, пытается установить исключение, которое применяется ко всем дочерним тегам элемента body, за исключением тех, которые имеют класс «панель инструментов». Проблема в том, что все его атрибуты являются дубликатами атрибутов тега body, поэтому я не уверен, что это будет иметь какой-либо эффект. Похоже, там есть искаженный комментарий.