HOMEタブのCSS要素を設計する

Question

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-2"> 
    <span class="sr-only">Toggle navigation</span> 
    <span class="icon-bar"></span> 
    <span class="icon-bar"></span> 
    <span class="icon-bar"></span> 
</button> 
</div> 
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2"> 
    <ul class="nav navbar-nav"> 
     <li class="active"> 
      <a itemprop="url" href="/"> 
       <span itemprop="name">Home</span> 
      </a> 
     </li> 
     <li> 
      <a itemprop="url" href="playing-cards-quote.php"> 
       <span itemprop="name">Quote Form</span></a></li><li><a itemprop="url" href="custom-playing-cards.php"> 
       <span itemprop="name">Custom Playing Cards</span> 
      </a> 
     </li> 
     <li> 
      <a itemprop="url" href="promotional-playing-cards.php"> 
       <span itemprop="name">Promotional Playing Cards</span> 
      </a> 
     </li> 

私はブートストラップ、CSS、HTMLの新機能です。ブートストラップは私にとって非常に混乱しています。 HOMEタブで可能なCSSデザインは何ですか？私によると：

.navbar-default .navbar-nav li a { } 

これは正しいですか？ありがとうございます。それが間違っている場合は、私を修正してください。

また、CSSとブートストラップを学ぶための良いウェブサイトや書籍をお勧めします。

ブートストラップでCSSを配置する方法は何ですか？ブートストラップを使ってCSSをデザインするには？ 私はCSSは少ししか知っていますが、ブートストラップでは知りません。

最後に、このコードを使ってCSSの[ホーム]タブを設計してください。

Answer 1

あなたが探している用語は、「どのセレクタを使用してホームタブを選択するか」のような「セレクタ」です。つまり、そのノードの選択方法を意味します。 「デザイン」は、幅、高さ、色など、そのノードに定義されたスタイルになります。

この場合、セレクタは.active span{/*styles*/}になります。以前のレベルとしてCSSの各レベルを選択する必要はありません答えは示しました - それは自動的に一致する任意のレベルで子供を見つける。