1

这可能是一个边缘问题，因为我不确定是否有正确的答案，但我很好奇人们如何组织他们的样式表，以及是否有一种常见的做法。我确信这取决于个人风格，但我仍然想看看有些人的不同之处。

全局样式总是在顶部，其余样式一般按照它们在页面上出现的顺序编写。

我倾向于缩进父类下的所有子样式、子类和伪类：

#search {
    float:right;
    margin-top:20px;
    width:325px;
    height:35px;

    background-image:url(css-ref/main.png);
    background-repeat:no-repeat;

    text-align:right;
    line-height:36px;
    font-size:13px;
}
    #search a:link,#search a:visited,#search a:active {
        color:#333;
    }
    #search a:hover {
        color:#1770a9;
    }

在一个类中，我总是按以下顺序列出属性：

.myClass {
    [position, display, and float]
    [margins and padding]
    [width and height]
    [background, border, border-style, shadow]
    [font settings]
    [animations/transitions]
}

对我来说，这提高了可读性，因为如果我需要遍历并找到特定类中的属性，事情总是会按照相同的顺序进行。

是否有更好/更被接受的方式来组织样式表？你怎么做呢？

4

2 回答 2

0

这是一个不错的方法。仅供参考，我发现缩进代码没有额外的可读性。因此我没有。http://www.visibilityinherit.com/code/initial-css-settings.php

于 2012-12-12T18:33:41.167 回答
0

标识或“嵌套”是一种常见的做法，并且是 CSS 元语言（如SASS ）的一个关键特性。

于 2012-12-12T18:03:55.150 回答