2016-09-05 45 views
4

之間的空間時,我應該使用這樣的:當把一個標籤名稱和一個class和id

header.classname 

,當我應該使用這樣的:

header .classname 

而且之間有什麼區別他們倆?

+2

儘管在這裏發佈這個問題沒有任何問題,但我建議遵循一個CSS入門教程。它會讓你瞭解基礎知識,大多數教程也教你如此的東西。我聽說過關於http://codecademy.com的好消息,但你也可以嘗試http://csstutorial.net,或者臭名昭着的w3schools css教程。或者去谷歌找一個你想要的語言和風格。 (明白,風格?) – Joeytje50

+1

[CSS選擇器中的空格是什麼意思?即.classA.classB和.classA .classB之間的區別是什麼?](http://stackoverflow.com/questions/1126338/what-does-a-space-mean-in-a-css-selector-ie-什麼是差別之間的c) –

+0

區別是什麼文件說這是。 –

回答

6

header.classname表示您所針對的標題爲classname

header .classname意味着你的目標有classname類,這是頭部的子/後代

第一種情況下的HTML元素:

header.hclassname { 
 
    background: turquoise; 
 
}
<header class="hclassname"> 
 
    Lorem Ipsum 
 
    <div class="divclassname">Dolor</div> 
 
    Sit Amet 
 
</header>

第二種情況

header .divclassname { 
 
    background: skyblue; 
 
}
<header class="hclassname"> 
 
    Lorem Ipsum 
 
    <div class="divclassname">Dolor</div> 
 
    Sit Amet 
 
</header>

2

使用header.classname時:您希望定位.classname這是一個header元素。

使用header .classname時:你想要目標.classnameheader元素的後代。

我希望這可以解決您的問題,它是儘可能簡單。

相關問題