Soru Nokta CSS'de ne anlama geliyor?


Birisi bu iki CSS seçicinin farkını açıklayabilir mi?

.work-container . h3 {
font-size: 14px;
margin-top: 0px;
font-weight: 600;
height: 27px;
} 

Üst tanımdaki ekstra nokta nedir?

.work-container h3 {
font-size: 14px;
margin-top: 0px;
font-weight: 600;
height: 27px;
} 

28
2017-10-10 02:31


Menşei


İlk örnek geçerli CSS değil. Muhtemelen bir yazım hatası. - steveax
CSS bana bir sürü tuhaf özellik kazandırdı ve ben css uzmanı değilim. - code-gijoe


Cevaplar:


bir . önek genellikle bir sınıf seçiciyi temsil eder, ancak hemen beyaz boşluk izlerse, bu bir sözdizimi hatasıdır.

Bir tahminde bulunacak olsaydım, yazar muhtemelen demekti .work-container > h3ancak Shift anahtarını yazmak için olduğu gibi kaçırdı > karakter çocuk birleştiricisi).

İkinci seçiciniz .work-container h3, sadece herhangi bir anlamı h3 denilen bir sınıfın içinde yer alan work-container.


33
2017-10-10 02:36



Bir stil sayfasının sözdizimi hataları olup olmadığını hızlı bir şekilde kontrol etmek için jigsaw.w3.org/css-validator çok kullanışlı. Hata işleme kuralları, aşağıdaki özelliklerde tanımlanmıştır: w3.org/TR/CSS21/syndata.html#parsing-errors ve bu durumda, tüm kuralın göz ardı edildiğini ima ederler (ancak stil sayfasının diğer bölümleri etkilenmez). - Jukka K. Korpela
@BoltClock, CSS'de, div.ui-datepicker gibi bir şeylerin arasında bir noktaya da sahip olabileceğinizi düşünüyorum. Bunu nasıl açıklayacaksın? - Jogi


Kılıflar

  • Seçici nokta ile başlar

    .class_name sınıf adını belirtir

  • İki noktalı seçici alan ile ayrılmış

    .outside  .inside

    ile eleman demektir .inside sınıf bir elementten sınıf çıkardı .outside 

  • Ayrılmadan iki noktalı seçici

    .name1.name2 

    her iki sınıfı olan eleman demektir name1 ve name2 Örneğin: class="name1 name2"

stackoverflow Link1

Stack2flow Link2


27
2017-07-22 05:53





. CSS'de bir sınıf olduğu ve birçok öğeye uygulanabileceği anlamına gelir.

# CSS'de bir kimliktir ve sayfa başına bir öğeye uygulanabilir.

Her ikisi de olmadan, tüm kullanımı hedefleyen bir etikettir.

Sözdiziminizde .work-container . h3 aslında hatadır. . ya olmalıydı , veya olarak BoltClock dedim, >CSS'de doğrudan soyundan gelen operatör diyor.


11
2017-10-10 02:38





. onun sınıfını söylüyor

# onun bir kimlik olduğunu

ve seçiciden başka bir şey yoksa, o zaman bir etiket


7
2017-10-10 02:36





. CSS'de sınıftır ve sınıflar arasında kullanım alanı olan birçok öğeye uygulanabilir.

Örneğin:

<h3 class="class1 class2 class2">Heading</h3>

# CSS'de bir kimliktir ve sayfa başına bir öğeye uygulanabilir.

Örneğin

<h3 id="idname1">Heading</h3>

5
2017-10-10 12:19