之間有什麼區別。和＃在一個CSS文件？

在css示例中，我已經看到規則以.開頭，一些規則以#開頭 - 有時這些規則會混合在同一個文件中。這些規則有什麼區別：之間有什麼區別。和＃在一個CSS文件？

h1 { font-size:18pt;} 
.new-alerts { font-size:11pt; font-weight:bold;} 
#old-alerts { position:relative; font-size:10pt; }

它們在html頁面上的引用是否不同？它是如何繼承的屬性？

來源

2010-02-11 George

所屬：http://doctype.com/ – 2010-02-11 17:00:03

我不知道它的確如此。 Doctype似乎更多的是關於設計，而這是關於語言本身的語義。 – Matchu 2010-02-11 17:06:28

@Jon：不一定...... *»如果你的問題是關於網頁設計和HTML/CSS佈局，**和你的職位是「設計師」，**詢問Doctype。«* - 我不認爲它是這裏錯了。 – Joey 2010-02-11 17:06:36

.指的是一個類。 <span class="one" />可以通過.one進行選擇。

#是指ID。可以用#one選擇<span id="one" />。

當可能有多個給定元素時，應該使用類，如果知道只有一個，則應使用ID。 #navigation-bar將使用ID，因爲您的佈局中只有一個導航欄，但.navigation-link將使用類名稱，因爲您將擁有多個導航鏈接。（這將會是更好的做法是使用#navigation-bar a:link得到的導航鏈接，但你明白我的意思。）

來源

2010-02-11 16:59:36 Matchu

這是什麼意思？他們有什麼不同？ – George 2010-02-11 17:00:15

它們都是將信息語義添加到元素的兩種方式。雖然你只能用一個特定的'id'來標記一個元素，但你可以有許多具有相同的'class'。 – 2010-02-11 17:01:04

您對一個特定標籤使用ID，它是唯一的，並且您應該只有一個頁面上具有相同的ID。類可以重複使用，並且可以根據需要應用到儘可能多的元素。 – 2010-02-11 17:01:30

的點.是class selector，哈希/英鎊/井號#selects by an ID：

<style> 
    .foo { ... } 
    #bar { ... } 
</style> 
... 
<p class='foo'>Foo</p> 
<p id='bar' class='baz'>Bar</p>

在整個文檔中ID必須是唯一的，類不一定是。這基本上是主要的區別。在編寫腳本時需要注意一些事情，但在設計時通常不會特別感興趣。

此外，元件可以屬於多個類別：

<p class="foo bar baz">

和如上面看到的，類和ID不是相互排斥的。

來源

2010-02-11 16:59:49 Joey

See Class vs ID

來源

2010-02-11 17:01:00 Sarfraz

。是一個類，可以重複使用多次，對於不同的元素

＃是一個ID，每個頁面只能使用一次。

來源

2010-02-11 17:01:58 Shaun

之間有什麼區別。和＃在一個CSS文件？

回答

相關問題