(no subject)

[nepilsonis]

«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>

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

Comments

[avorobjovs.livejournal.com]

Если б в жизни все было так просто. :)
Несколько лет назад я работал в компании, где мы разрабатывали большую информационную интернет-систему, состоящую из нескольких связанных сайтов. И к ней же требовалось прикрутить внутренний портал для разработчиков и администраторов. Был куплен сторонний портал, соответствующий куче поставленных условий. По сути это было готовое ASP.NET приложение. Но, при этом, оно было "из коробки", уже откомпилированное и без исходников. А дизайн его задавался как раз полутора десятками CSS-файлов со многими десятками а то и сотнями тэгов внутри. И, чтобы сделать этот портал по дизайну похожим на нашу систему, чтобы визуально они составляли одно целое, мне лично пришлось перелопачивать эти CSS-файлы и вручную менять в них сотни разных тэгов.
Вот такая история. :)

[nepilsonis.livejournal.com]

Вот поэтому я - за опенсорс!
И, кстати, в целом довольно успешно выходит.