CSS Метода Правила применения - Атрибут Wildcard против Listing Каждого класса

Question

я буду брать эту декларацию в Bootstrap CSS в качестве примера:

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { 
    float: left; 
} 

Я заметил эту картину через другие структуры, а также. Я думаю, что это можно было бы легко записать в виде:

[class*='col-xs-'] { 
    float: left; 
} 

При попытке применить правило к набору классов, есть какое-либо преимущество в выписывая каждый класса, а не с помощью метода атрибута подстановочного? В таких ситуациях я предпочитаю использовать последнее в своей работе, но я заметил, что довольно много библиотек CSS выписывают каждый класс.

Answer 1

Подстановочный шаблон атрибута дороже для интерпретатора, чем для написания классов. В большинстве случаев библиотеки, о которых вы упоминаете, не выписывают эти классы вручную, а используют препроцессор, например, sass или less, чтобы про грамматически создавать все возможные варианты.

http://sass-lang.com/ http://lesscss.org/

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Writing_efficient_CSS

Кроме того, *= является особенностью CSS3, так что лучше использовать явные имена, где это возможно, чтобы увеличить совместимость.