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

以下代码在CSS中做什么?

  •  0
  • Daniel Honig  · 技术社区  · 17 年前

    我对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 回复  |  直到 17 年前
        1
  •  7
  •   annakata    17 年前

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

    不过,它是CSS3,应该说支持不够广泛。

    好文章 here .


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

        2
  •  4
  •   chills42    17 年前

    我假设你指的是这部分:

    body > :not(.toolbar)
    

    这同时使用:not选择器和>儿童选择器。

    据我所知,这将把以下css应用于body的子项,除了“.toolbar”项

        3
  •  1
  •   siukurnin    17 年前

    没有一个快速的答案可以告诉你CSS是什么。...

    这是一个相当大的主题!!

    看看:

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

    只是一句话:允许返回,甚至建议在分号后返回,这样一切都会读得更好。..

        4
  •  1
  •   Bryan A    17 年前
     body > *:not(.toolbar) 
    

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

    到目前为止,IE6/7将无法正确呈现这些样式。

        5
  •  0
  •   gkrogers    17 年前

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

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

    第二条规则似乎是试图设置一个例外,该例外适用于body元素的所有子标记,除了那些具有“toolbar”类的子标记。问题是它的所有属性都是body标签属性的重复,所以我不确定它是否会有任何效果。看起来里面也有一条糟糕的评论。

        6
  •  0
  •   Viki    17 年前

    CSS是DHTML的一部分。

    我还推荐了siukurnin的建议。

    最好从CSS开始

    http://www.w3schools.com/

        7
  •  0
  •   Dan Inactive    17 年前

    好吧,我的其他用户已经从每个CSS指令的作用的角度回答了你的问题,但我不确定该代码的作者想要实现什么。

    它似乎并没有以一种非常扭曲的方式做什么特别的事情。这不是我见过的最规范的代码,我不会向任何人推荐它:)

        8
  •  0
  •   Jeffrey L Whitledge    17 年前
    margin: 0;
    

    此行表示在主体周围保留的空白量将为零(以任何单位计)。因此,相邻的框之间的距离将仅作为它们自己的边距设置(如果有的话)。

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