2015-10-21 50 views
2

發生什麼事是我如何使用css更改特定頁面內的h2位置?

有多個頁面,他們都有嵌套在通用的容器div類中的h元素。

所以,編輯特定的h2元素的特定頁面內的CSS,我不能簡單的編輯,我已經嘗試過的H2或容器中,既沒有其他的東西:

  1. 把一個專屬DIV類爲H2,然後試圖樣式它的常規方式

  2. 把H2在一個id,這樣的: 「blablablah」

CSS:

.faq_title H2 {}

H2 faq_title {}

只是faq_title {}

  • 還試圖該網頁創建兩個容器中,這樣我可能的風格,H2:
  • 「」

    然後在CSS:

    .container_help H2 {}


    我真的apreciatte在這一些幫助,如果有人可以只是......如果我知道這一點,我可能會沒有打擾任何人了幾個小時

    謝謝!!!

    +1

    嘿馬特烏斯!我建議您閱讀指南[如何創建最小,完整和可驗證示例](http://stackoverflow.com/help/mcve)。提供有關您的CSS/HTML的更多信息,以便我們可以嘗試提供幫助! – Romulo

    回答

    1

    從我理解的是,你想編輯它像改變文本顏色blablabla我是否正確?

    如果是這樣,那麼你可以使用這個:

    .faq_title h2 { 
    display:block; 
    color: red; 
    } 
    
    +0

    你明白了,但我試圖放在這個例子中的是,我嘗試了一個完全像你的語法,它不起作用。我想填充它並移動它,所以我嘗試了行高,邊距,填充等,也許這可能是問題,不是嗎? –

    +0

    你可以嘗試做 position:absolute; top:300px; left:20px; – 2015-10-21 16:47:05

    +0

    線高不適合移動它 – 2015-10-21 16:49:39

    2

    您必須通過選擇應用CSS樣式到H2。

    .divname h2:nth-child(3) { /* Make the 3rd h2 blue */ 
     
        color: blue; 
     
    } 
     
    
     
    .divname h2:nth-child(even) { /* Make the even h2's red */ 
     
        color: red; 
     
    } 
     
    
     
    .divname h2:nth-child(6) { /* Make the 6th h2 italicized */ 
     
        font-style: italic; 
     
    }
    <div class="divname"> 
     
        <h2>Hello World</h2> 
     
        <h2>Hello World</h2> 
     
        <h2>Hello World</h2> 
     
        <h2>Hello World</h2> 
     
        <h2>Hello World</h2> 
     
        <h2>Hello World</h2> 
     
        <h2>Hello World</h2> 
     
        <h2>Hello World</h2> 
     
        <h2>Hello World</h2> 
     
        <h2>Hello World</h2> 
     
    </div>

    來源:Codepen

    相關問題