为首页标签设计一个CSS元素

<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>

我对bootstrap，CSS和HTML很新颖。 Bootstrap对我来说非常混乱。 HOME标签可能是一个可能的CSS设计？根据我的说法是：为首页标签设计一个CSS元素

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

这是正确与否？如果不对，请纠正我。

还建议一些很好的网站和书籍来学习CSS和bootstrap。

CSS通过引导放置的方式是什么？如何使用bootstrap设计CSS？我知道一点CSS，但没有引导。

最后请帮我用这段代码设计一个CSS Home标签。

来源

2017-02-10 Deepak Singh

http://www.w3schools.com/bootstrap/default.asp – prasanth

@prasad我知道这个网站亚尔...请提供我提供的代码的输出.....所有的世界知道w3school网站 –

您要查找的术语是“选择器”，如“我使用什么选择器选择主页选项卡” - 意思是如何选择该节点。 “设计”将是为该节点定义的样式，例如宽度，高度，颜色等。

在这种情况下，您的选择器将是.active span{/*styles*/}您不必通过CSS的每个级别选择前一个答案显示 - 它会自动找到匹配的任何级别的儿童。

来源

2017-02-10 14:17:05

我认为它可能是.active .span {/ * styles * /}？ –

@DeepakSingh号码'。'运算符用于选择类。跨度不是一个类，而是一种节点。你按照我的答案显示输入它们。 –

为首页标签设计一个CSS元素

回答

相关问题