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，但我不应该支持广泛。

好文章here。

编辑，您的具体示例body > *:not(.toolbar)匹配所有（*）正文的直接子（>），而不是工具栏类的实例（:not(.toolbar)）< / p>

Answer 2

我假设你的意思是这个部分：

body > :not(.toolbar)

这使用：not选择器和＆gt;儿童选择器。

据我所知，这会将以下css应用于身体的孩子，除了“.toolbar”项目

Answer 3

没有快速回答可以告诉你CSS的全部内容......

这是一个非常广泛的主题!!

看看：

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

只是一句话：允许返回，甚至在分号后推荐，一切都会更好读...

Answer 4

 body > *:not(.toolbar)

将给定样式应用于“没有类名'工具栏'的body元素的所有直接子元素”

截至目前，IE6 / 7无法正确呈现这些样式。

Answer 5

我不确定它有什么用，真的。

第一种样式设置默认的身体规则（左上角位置，隐藏任何溢出，占据整个宽度，最小高度372px，投石机字体，黑色b / g，橙色f / g等）（尽管“边距”）：由于某种原因，重复0“。

第二个规则似乎是尝试设置一个异常，该异常适用于body元素的所有子标记，但具有“toolbar”类的子标记除外。麻烦的是它的所有属性都是body标签属性的重复，所以我不确定它会有什么影响。看起来那里也有一个错误的评论。

Answer 6

CSS是DHTML的一部分。

我也推荐了siukurnin建议。

最好用

启动CSS

http://www.w3schools.com/

Answer 7

好吧，我的同事用户已经从每个CSS指令的作用的角度回答了你的问题，但我不确定该代码的作者想要完成什么。

它似乎没有什么特别的，真正扭曲的方式。不是我见过的最规范的代码，我不会向任何人推荐它。）

Answer 8

margin: 0;

此行表示保留为身体边缘的空间量将为零（以任何单位表示）。所以相邻的盒子只是距离它们自己的边缘设置，如果有的话。

我会将其他内容留给其他答案。

以下代码在CSS中做了什么？

8 个答案: