nepilsonis: (Default)
[personal profile] 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>

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

Date: 2009-12-19 08:50 (UTC)
From: [identity profile] avorobjovs.livejournal.com
Я конечно понимаю, что CSS сам по себе шаблон. Но это шаблон другого масштаба. Даже в идеальном мире нельзя поменять "всё зелёное" одной строчкой. Потому что есть отдельные тэги для кнопок, отдельные тэги для хидеров и футеров, отдельные тэги для врезок новостей и рекламы, отдельные тэги для главного текста и примечаний, и т.д. и т.п.

А в реальных живых системах могут быть десятки файлов CSS, в каждом из которых сотни тэгов. И если мне там надо поменять "всё зелёное", но не вообще все, а только в определенных тэгах или в определенных местах сайта, то это просто жопа. А вот если бы во всех этих местах вместо явно заданного цвета стояло имя шаблона, я бы просто поменял в самом шаблоне один цвет на другой и все.

Date: 2009-12-23 13:52 (UTC)
From: [identity profile] daregod.livejournal.com
Вам просто надо на другой уровень. Писать так, как предложили, а потом самопальным скриптом, написанным за полчаса, выгонять "готовый" CSS.
При необходимости что-то заменить, меняете в исходниках и прогоняете заново, получая исправленный вариант без лишнего геммороя.
Я похожим образом когда-то, лет 10 назад, делал многостраничный статический сайт, заказчику была нужна статика без скриптов и бд - написал его на php, вместо 40 страниц - один скрипт и данные в mysql. А потом "выкачивал" телепортом и то что скачалось выдавал заказчику как результат.

Date: 2009-12-23 16:53 (UTC)
From: [identity profile] avorobjovs.livejournal.com
Если б в жизни все было так просто. :)
Несколько лет назад я работал в компании, где мы разрабатывали большую информационную интернет-систему, состоящую из нескольких связанных сайтов. И к ней же требовалось прикрутить внутренний портал для разработчиков и администраторов. Был куплен сторонний портал, соответствующий куче поставленных условий. По сути это было готовое ASP.NET приложение. Но, при этом, оно было "из коробки", уже откомпилированное и без исходников. А дизайн его задавался как раз полутора десятками CSS-файлов со многими десятками а то и сотнями тэгов внутри. И, чтобы сделать этот портал по дизайну похожим на нашу систему, чтобы визуально они составляли одно целое, мне лично пришлось перелопачивать эти CSS-файлы и вручную менять в них сотни разных тэгов.
Вот такая история. :)

Date: 2009-12-23 19:44 (UTC)
From: [identity profile] nepilsonis.livejournal.com
Вот поэтому я - за опенсорс!
И, кстати, в целом довольно успешно выходит.

Date: 2009-12-23 16:56 (UTC)
From: [identity profile] avorobjovs.livejournal.com
Ну и потом, если к CSS еще и скрипты отдельно надо писать?...Нафига такой геморрой? А вот были бы встроенные шаблоны и не было бы никаких проблем. ;)

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

Expand Cut Tags

No cut tags

Profile

nepilsonis: (Default)
nepilsonis

December 2024

M T W T F S S
       1
2345678
9101112131415
16171819202122
23242526272829
3031     

Most Popular Tags

Style Credit

Page generated Jun. 26th, 2025 20:28
Powered by Dreamwidth Studios