CSS の書き方、基本的な構文の問題_html/css_WEB-ITnose

そのようなコードがある場合

11111

;/li>
alignment-adjust:auto; left;
}
問題は、コードを管理しやすくするために、

と

の CSS をどのように記述すればよいでしょうか? #abc
{
alignment-adjust:auto;
Ruby-align:left;
.li....
.ul.... ..このタイプの
}





ディスカッションへの返信 (解決策)

は次のように記述できます:
#abc .li{
....
}
#abc.ul{
....

}

オリジナルのポスターのように書かれています。


は次のように記述できます:

#abc .li{

....
}
#abc .li .ul{
....
}
#abc.ul{
....

}

大丈夫です

皆さん、実際のところ、思ったようにコードを管理するのは簡単ではありません。
あなたが言ったことのように:
#abc
{
alignment-adjust:auto;
.li.....
.ul. ....... こんな感じ
}
入れ子の階層が多すぎると非常に面倒になります。
さらに、質問を修正すると、li と ul は HTML タグであり、その前に「.」を追加する必要はありません。「.」はクラスを表します
#abc li{

}

#abc ul {
}
こうすることで、より明確になり、上下関係がわかりやすくなります

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。