2015-11-26 47 views
0

編輯我有一些HTML如下(你可以假設結束標記)HTML5創建的div我不能用CSS

<ion-content> 
    <ion-tab> 

的問題是,當創建DOM,HTML5的標籤創建一個div我不能編輯使用CSS

它作爲變得如此

<ion-content> 
    <div class="foo"> 
     <ion-tab> 

我需要修改它的類是「富」的股利的CSS,但是,如果我改變foo的CSS,我改變的CSS所有使用「foo」的類。

當我不自己創建它時,如何特別將CSS應用於特定的div?

+0

答案取決於你的頁面的整體結構:在哪個階段放置其他.foo類? – holden

回答

0

由於您向我們提供了少量的細節,我所能做的就是參考這些CSS Selectors

有數字的方式來設計一個特定的元素。所有這些都已經在我給你的鏈接中詳細解釋過了。

編輯: CSS選擇器詳細解釋。

有幾種方法可以改變<div class="foo">的風格。

  • 您可以給div(額外)#idclass。這使得它能夠將某些樣式應用於此指定元素,只是您通常會這樣做。
  • 另一種選擇是parent child {}您可以在其中對所有的孩子進行樣式設計。 注意:你可以添加'>/+ /〜'來更具體的在父母內的地方。
  • 第三個選項是使用:nth-child(n)nth-of-type(n)來指定div在其父代中的什麼位置。

正如我之前所說的,有很多方法來設計一個特定的元素。請看看我提供的鏈接。

+0

請解釋反對票。 – Berendschot

+1

就像這個答案似乎很懶,它爲我做了詭計!謝謝! –

+0

@Berendschot我建議你改善你的答案,所以它不依賴於外部鏈接。 –