nepilsonis: (Default)
nepilsonis ([personal profile] nepilsonis) wrote2009-12-16 11:30 pm

(no subject)

«Selectors Level 3»
W3C Proposed Recommendation 15 December 2009
(http://www.w3.org/TR/css3–selectors/)

Вычисляемые селекторы — это очень, очень круто.

Например, раскрасить строчки в разные цвета можно будет так:
/* Alternate paragraph colours in CSS */
p:nth–child(4n+1) { color: navy; }
p:nth–child(4n+2) { color: green; }
p:nth–child(4n+3) { color: maroon; }
p:nth–child(4n+4) { color: purple; }

А сейчас для этого же нужно создать 4 разных стиля, и каким–то скриптом каждой строке по запрограммированному правилу назначить класс нужного цвета.

Вот этот код сделает так, что первая буква каждого параграфа будет в 2 раза крупнее остальных:

общая часть:
p { color: red; font–size: 12pt }
p::first–letter { color: green; font–size: 200% }
p::first–line { color: blue }

новый код:
<P>Some text that ends up on two lines</P>

старый код:
<P>
<P::first–line>
<P::first–letter> 
S 
</P::first–letter>ome text that 
</P::first–line> 
ends up on two lines 
</P>

Обратите внимание, что в новом варианте управляющие коды не перемешиваются с текстом.

[identity profile] nepilsonis.livejournal.com 2009-12-23 07:46 pm (UTC)(link)
Ну так о том и рець, что шаблонных библиотек и так как грязи. А это нововведение позволит сильно этот промежуточный слой упростить.