代码之家 › 专栏 › 技术社区 › Daniel Honig

下面的代码在css中做什么?

css html

Daniel Honig · 技术社区 · 16 年前

我对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 回复 | 直到 16 年前

annakata 16 年前

你说的是:不是伪选择器?它执行的操作听起来像是要从当前集合中选择与此选择器不匹配的所有元素。

不过,它是css3,我应该说它没有得到足够广泛的支持。

好文章 here .

编辑,你的具体例子 body > *:not(.toolbar) 全部匹配( * )直系子女( > )不是工具栏类的实例的( :not(.toolbar) )

chills42 16 年前

我想你指的是这部分:

body > :not(.toolbar)

这将同时使用:not选择器和>子选择器。

据我所知,除了“.toolbar”项之外,这将对主体的子项应用以下css

siukurnin 16 年前

没有一个快速的答案能告诉你css的全部内容….

这是一个相当庞大的课题!!

看看:

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

只需一句话:返回是允许的,甚至建议在分号之后,然后一切都会读得更好…

Bryan A 16 年前

 body > *:not(.toolbar)

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

到目前为止,ie6/7不会正确呈现这些样式。

gkrogers 16 年前

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

第一种样式设置默认的正文规则(左上角位置、隐藏任何溢出、占据整个宽度、最小高度372px、投石机字体、黑色b/g、橙色f/g等)(尽管出于某种原因重复了“margin:0”)。

第二条规则似乎试图设置一个异常,该异常应用于body元素的所有子标记,但具有“toolbar”类的子标记除外。问题是它的所有属性都与body标记的属性重复,所以我不确定它是否会有任何效果。看起来里面也有一个被破坏的评论。

Viki 16 年前

css是dhtml的一部分。

我也推荐了小金人的建议。

最好从css开始

http://www.w3schools.com/

Dan Inactive 16 年前

好吧,我的其他用户已经从每个css指令做什么的角度回答了您的问题,但是我不确定代码的作者想要完成什么。

它似乎没有做什么特别的,在一个真正扭曲的方式。不是我见过的最规范的代码,我也不会推荐给任何人:)

Jeffrey L Whitledge 16 年前

margin: 0;

这一行意味着作为主体周围的边距保留的空间量将为零(以任何单位表示)。所以相邻的框之间的距离只会作为自己的边距设置,如果有的话。

我把其他几行留给其他答案。