Tekrarlanan Ben Bootstrap CSS dosyasındaki fark

Question

Sözde Sınıf Seçiciler:

input:focus:invalid:focus, 
textarea:focus:invalid:focus, 
select:focus:invalid:focus { 
    border-color: #e9322d; 
    -webkit-box-shadow: 0 0 6px #f8b9b7; 
     -moz-box-shadow: 0 0 6px #f8b9b7; 
      box-shadow: 0 0 6px #f8b9b7; 
s} 

O görüntülenir: odak girişi, textarea iki kez belirtilen ve seçmektir; Bunun belirli bir işlevi var mı?

Answer 1

Bu, css selektörünün specificity değerini artırır.

İşte css özellikleri ilgili alıntı:

Not: Aynı basit seçicinin tekrarlaması izin verilir ve özgünlüğünü artırmak yoktur.

Yani, bu özel durumda, input:focus:invalid:focusinput:focus:invalid göre öncelikli olacaktır. İşte

tekrarlanan bulunuşu ile css özgüllük artış gösteren bir simpler example geçerli:

css

span.color.color { 
    color: green; 
} 

span.color { 
    color: yellow; 
} 

html Bu durumda

<span class="color">This will be green.</span>