0

同じ div 内にさまざまなタグのさまざまな CSS 編集がたくさんあり、それらを 1 つの div にグループ化する方法があるかどうか知りたいですか? これは私が今持っているものです：

#nav{
    margin: 8px auto 0px auto;
    border: 1px solid black;
    border-radius: 5px;
    box-shadow: 3px 3px rgba(0,0,0,0,0.4);
}

#nav li{
    display: inline;
    padding: 10px;  
}

#nav ul{
    list-style-type: none;
    padding: 0px;
    margin: 10px 5px auto 5px;
    height: 20px;
    line-height: 10px
}

#nav a{
    text-decoration: none;
}

単一の #nav の中かっこ内にそれらを入れようとしましたが、うまくいきませんでした。

4

1 に答える 1

1

あなたの質問を正しく解釈すると、そのショートカットは純粋な CSS では不可能です。CSS のメタ言語である SASS または LESS を調べるとよいでしょう。つまり、有効な CSS は有効な SASS/LESS のサブセットです。これらは両方とも、次の構造をサポートします。

#nav{ 
    thing: example; 
    .child { more: styles; }
    .extra { style: great; } 
}

これはCSSに次のように解釈されます

#nav {
    thing: example; }

#nav .child { more: styles;}

#nav .extra { style: great;}
于 2013-08-11T02:42:07.593 に答える