CSS学習で緊急にいくつかの問題が発生しました!それを解決するのを手伝ってください! _html/css_WEB-ITnose

WBOY
リリース: 2016-06-21 09:09:45
オリジナル
1212 人が閲覧しました

2 つの太字のコード .active と #wrap ul li.active の効果が異なる理由を見てみましょう

#wrap ul li.active{border-top:2px Solid #8B4513;border-bottom:2px Solid #fff;}
.active{border-top:2px ソリッド #8B4513;border-bottom:2px ソリッド #fff;}



    li class="active">不動産
  • 中古住宅

「display:block」> 鉄道に隣接する昌平で 3 つのベッドルームを購入する場合は 275 万、1 つのベッドルームを購入する場合は総額 20 万、五環状道路にある 3 つのベッドルームを購入する場合は 200 万、東三環状道路に定住
北京初の頭金ゼロの不動産プロジェクト、東五環路の50平方メートルで53万元
北京の不動産価格が5,000元下落、CITICマンションパークBuilding King の既存の家

40 平方メートルの美しい賃貸住宅を大規模改修 女の子のための組み合わせの巣
クラシックで新鮮でシンプルなヨーロッパの愛の家 90 平方メートル古民家が若返った
新しい中国風のクールで温かみのある66平方メートルの対照的な色の活気のある家
セラミックタイルは良き妻を選ぶようなものです
;
通州の豪華な3ベッドルーム260万元、二環状の希少な2ベッドルーム250万元
西三環状2ベッドルーム290元130万元の2ベッドルーム限定セール
; Huangchenggen小学校は700,000の121平方メートルです

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

上記は、liタグの下に、子孫のactiveというクラスによって設定されたスタイルがあることを意味します

違いはありません!
グローバル スタイルが設定されているかどうかを確認するには、F12 を使用します

それは異なるはずです
#wrap ul li.active
DOM 構造が
  • で使用されます。


    #wrap ul li.active は、対応する DOM 要素を必要とするセレクター操作です。 。 。

    .active はクラススタイルです。 。 。

    制御対象が異なります

  • ソース:php.cn
    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    人気のチュートリアル
    詳細>
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート