インラインリンクのさまざまなスタイル

Question

 <div class="col-lg-3"> 
     <ul class="nav navbar-nav login-right"> 
      <li><a href="#" style="padding: 0">Login</a> or <a href="#" style="padding: 0;">create account</a></li> 
     </ul> 
     </div> 

シンプルな質問、CSSでのクラスの作成方法、それらの2つのリンクの色を異ならせる方法、および外部CSSでインラインスタイルを移動する方法。

各リンクに通常のクラスを与えて、そのクラスを外部CSSファイルで呼び出そうとしましたが、解決に失敗しました。

Answer 1

シンプルな質問、どのようにCSSでクラスを書くか、それらの2つのリンクの色を変える方法、また外部CSSでインラインスタイルを移動する方法。あなたが異なっ

ul.nav li a:nth-child(1){ color:green; }

そして

ul.nav li a:nth-child(2){ color:blue; }

両方が同じpaddingスタイルを持っているので、あなたが共通のスタイルでそれを置くことができnth-childと色に両方aタグを使用することができます

定義

ul.nav li a{ padding:0; }

重要：あなたはこの中に記述した外部ファイルは、あなたのHTML階層の最後に配置されていることを確認してください。 CSSの優先順位付けルールによって、階層の最後に配置されたファイルが優先されます。

：同じ構造の要素が多いようです。この場合、特定の要素を選択することをお勧めします。idを使用することをお勧めします。あなたのul<ul id="colorMe" class="nav navbar-nav login-right">

以下のように

にidを追加し、

#colorMe li a:nth-child(1)

にあなたのCSSセレクタを変更することが動作しますが、他に別のリンクには影響しませんあまりにも