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

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

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

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


  • 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 書き方 文法
    ソース：php.cn
    前の記事：新しいダイアログを作成してドラッグして引き伸ばすたびに、各ダイアログの位置とサイズを保存する方法のコードは次のとおりです。 _html/css_WEB-ITnose 次の記事：html および javascript_html/css_WEB-ITnose を使用してこの効果を実現する方法
    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    著者別の最新記事
    最新の問題
    CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
    から 2024-04-16 10:10:18
    0
    0
    1335
    ページが突然 CSS またはブートストラップを取得できなくなります それで、私はページを開発しています。昨日その一部を実行してうまくいきました。そして今日は残りの作業を続けましたが、すべてがうまくいきました。通常の HTML ページとして開こうとす...
    から 2024-04-06 21:58:04
    0
    1
    800
    Javafx でインライン CSS スタイルを動的に変更する アプリケーションが最大化されているときにペインの背景画像を変更しようとしています。私の背景はインライン CSS を使用して設定されています。スタイル用に 2 つの異なる変数と if...
    から 2024-04-06 20:57:16
    0
    1
    487
    CSS でフローティング要素を水平ではなく垂直にスタックするにはどうすればよいですか? 片側にメインコンテンツ、もう一方に追加コンテンツがある 2 つの列を持つ Web ページを作成しようとしています。ただし、float プロパティを使用して追加の列を左に揃えているた...
    から 2024-04-06 20:45:26
    0
    2
    386
    他の CSS コードに関係なく、フレックスボックス内のテキストを強制的に垂直方向の中央に配置する方法はありますか? 開発中の Web サイトで使用されている大規模な CSS コードの一部である次の CSS コードがあります。 }.card-u{margin:20px;padding:20px;w...
    から 2024-04-06 20:41:51
    0
    1
    518
    関連トピック
    詳細>
    人気のおすすめ
    人気のチュートリアル
    詳細>
    関連するチュートリアル
    人気のおすすめ
    最新のコース
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート