如何找出在CSS中放置什麼是正確的目標

我盡力弄清楚如何定位該區域。我希望那個ul沒有任何子彈或正方形，並且字體也是黑色的。如何找出在CSS中放置什麼是正確的目標

我想這個CSS代碼，但它不工作

.footer-wrapper .section-list > li > a { 
    color: #000; 
}

例如，這是我的代碼..

<section id="footer"> 
     <div class="footer-wrapper"> 
      <div class="container-fluid"> 
      <div class="line"></div> 
       <div class="row"> 
        <div class="col-sm-4"> 
        </div> 
        <div class="col-sm-4"> 
         <p class="section-list"> 
          <ul> 
<!-- I am trying to target this part --> 
          </ul> 
         </p> 
        </div> 
        <div class="col-sm-4 text-center"> 
        </div> 
       </div> 
      </div> 
     </div> 
    </section>

來源

2014-06-25 John

如果你不想子彈，爲什麼要用一個列表，你可以只使用
訂購您的元素 –

哦，我怎麼沒想到這一點。愚蠢的我！但我也想學習如何正確引用，以防將來需要知道這點 – John

@John，如果你正在創建一個項目列表，我建議堅持使用一個列表。維護起來更容易，它更具可讀性，並且如果您想要更容易風格化。 – Smeegs

>是直系後裔，這可能是爲什麼你沒有看到任何東西

的.section-list的嫡系是ul不是li，所以風格將永遠不會被應用。

因此，從CSS選擇刪除>，你會在正確的軌道上

.footer-wrapper .section-list li a { 
    color: #000; 
}

至於取出子彈，我建議你閱讀這個小教程

http://www.webreference.com/programming/css_style2/index.html

你想要的目標是list-style-type

所以，這樣的事情會有所幫助。

.footer-wrapper .section-list li { 
     list-style-type:none; 
     }

編輯：還有，請記住，你有顏色的選擇僅適用於任何錨列表項內。如果您想將任何文字設爲黑色，則還需要將顏色添加到我在答案中添加的第二種樣式中。

編輯2：你必須改變<p>到<div>

p要素自動關閉下一個閉鎖元件。 ul是一個阻塞元素。

這意味着即使您沒有告訴它，該段在無序元素打開之前關閉，因此您應用於段落的任何樣式都不會真正進入列表的任何部分。

將段落更改爲div是解決問題的最佳和最快捷的方法。

您可以在這太問題閱讀更多關於此行爲：Paragraph ignores style because of another nested paragraph

來源

2014-06-25 12:05:29 Smeegs

我剛剛嘗試了第一組代碼，可悲的是，它們並沒有變黑。和第二個代碼，我的子彈不會被刪除:(我真的很想理解這個css的引用，所以爲了繼續我的東西更容易 – John

啊，這是因爲你有一切嵌套在'p'中，改變'這是一個小提琴http://jsfiddle.net/AEd75/ – Smeegs

非常感謝@Smeegs現在我應該開始學習如何正確地引用東西:) – John

若要從列表中移除子彈，你需要應用這個CSS到ul：

.footer-wrapper .section-list > ul { 
    list-style-type: none; 
}

另外，>運營商的意思是「直接通道ild「，因此它不能用於從您的div section-list中選擇li。

來源

2014-06-25 12:05:07

你能否解釋一下爲什麼這是解決問題的好辦法。 –

雖然這可能有幫助，但它對OP沒有用，除非你解釋它是如何使用的以及它的作用 –

你是對的，我應該解釋我的答案，而不是匆忙拋出它。感謝您的建議！ –

li不是.section-list的直接後代。 ul是嫡系......

.footer-wrapper .section-list > ul { 
    list-style: none; 
} 

.footer-wrapper .section-list > ul li > a { 
    color: #000; 
}

來源

2014-06-25 12:05:14 Turnip

如果它只是UL標籤，爲什麼不一個id？

#ul_id > li { 
    color: #000; 
}

來源

2014-06-25 12:08:20

如何找出在CSS中放置什麼是正確的目標

回答

相關問題