コミュニティ
学ぶ
ツールライブラリ
AIツール
レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > CSS の書き方、基本的な構文の問題_html/css_WEB-ITnose

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
リリース： 2016-06-24 12:02:30
オリジナル
1127 人が閲覧しました

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


  • 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 {
      }
      こうすることで、より明確になり、上下関係がわかりやすくなります

    • 関連ラベル：
    css 書き方 文法
    前の記事：新しいダイアログを作成してドラッグして引き伸ばすたびに、各ダイアログの位置とサイズを保存する方法のコードは次のとおりです。 _html/css_WEB-ITnose 次の記事：html および javascript_html/css_WEB-ITnose を使用してこの効果を実現する方法
    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    著者別の最新記事
    最新の問題
    関連トピック
    詳細>
    人気のおすすめ
    人気のチュートリアル
    詳細>
    関連するチュートリアル
    人気のおすすめ
    最新のコース
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート