Arasındaki fark nedir "#" ve ". bir eleman için stilleri bir dizi bildirirken" ve kullanmak için hangi karar verirken devreye girer mantığı nedir?

Evet, farklı

# id selector Bir hedef için kullanılan birtekbenzersiz bir kimlik ile belirli bir unsur, ama . class selector bir hedef için kullanılırbirden fazlabelirli bir sınıf elemanları. Bir başka deyişle:

• #foo {} tarzıteköğesi özniteliği id="foo" ile ilan etti
• .foo {} stiltümbir öznitelik class="foo" (birden çok sınıf boşluk ile de, sadece onları ayrı bir öğe için, örneğin class="foo bar" atanmış olabilir) ile elemanları

Tipik kullanır

Genellikle, kullandığınız konuşma # örneğin sadece bir kez çıkacağını biliyor musun şekillendirme için yüksek seviye düzeni gibi şeyler yan çubuklar, banner alanları vb divs.

Sınıflar stili tekrarlanan nerede kullanılır, örneğin söylemek hata iletileri için başlık özel bir form kafa, tek <h1 class="error"> için de geçerli olacak olan bir stili h1.error {} oluşturabilirsiniz

Özgüllük

Seçiciler farklı başka bir yönü seçicilik - id seçici sınıf seçici daha spesifik olarak kabul edilir. Bu stilleri 13 ** Her bir parçanın nerede, olanları daha spesifik seçici ile tanımlanmış daha özel seçiciler geçersiz kılma anlamına gelir. Örneğin, .box çakışan kurallar geçersiz kılma ile #sidebar <div id="sidebar" class="box"> herhangi bir kural verilmiş

CSS seçiciler hakkında daha fazla bilgi edinin

Selectutorial daha büyük astar CSS seçiciler - onlar inanılmaz derecede güçlü, ve eğer döllenme sadece "# kullanıldığı için DİVs" iyi edersin okumak tam olarak nasıl kullanılır CSS daha etkili.