Czy istnieje mechanizm w css, żeby w ramach szablonu css stworzyć alias
koloru, który będzie dodany w różnych elementach tego szablonu?

Chodzi mi o to, że mam w wielu miejscach w szablonie zdefniowany ten samo
kolor i teraz jeśli chcę ten kolor zmienić, to muszę go zmienić we
wszystkich miejscach, gdzie występuje, a wolałbym tylko raz zadeklarowac ten
kolor.

Beno

do góry

Beno pisze:
> Czy istnieje mechanizm w css, żeby w ramach szablonu css stworzyć alias
> koloru, który będzie dodany w różnych elementach tego szablonu?
>
> Chodzi mi o to, że mam w wielu miejscach w szablonie zdefniowany ten samo
> kolor i teraz jeśli chcę ten kolor zmienić, to muszę go zmienić we
> wszystkich miejscach, gdzie występuje, a wolałbym tylko raz zadeklarowac ten
> kolor.

Klasy.

--
yew

do góry

yew wrote:
> Beno pisze:
>> Czy istnieje mechanizm w css, żeby w ramach szablonu css stworzyć alias
>> koloru, który będzie dodany w różnych elementach tego szablonu?
>>
>> Chodzi mi o to, że mam w wielu miejscach w szablonie zdefniowany ten samo
>> kolor i teraz jeśli chcę ten kolor zmienić, to muszę go zmienić we
>> wszystkich miejscach, gdzie występuje, a wolałbym tylko raz
>> zadeklarowac ten
>> kolor.
>
> Klasy.

.red, .blue itd? To jest zły pomysł.
Beno, albo korzystaj z grupowania selektorów, tj.:
#artykul,
.costam,
div.bla p { color:#000; }
w ten sposób będziesz miał kolor w jednym miejscu.
Albo po prostu naucz się korzystać z find&replace w swoim edytorze :)

do góry

> div.bla p { color:#000; }
> w ten sposób będziesz miał kolor w jednym miejscu.

Chciałbym się upewnić, czy jak tam w jednym wierszu dam różne typy (nie wiem
jak to fachowo nazwac) rzeczy, np.

.bla #ple td {...}

to się nie będzie sypać?

Beno

do góry

On 2009-10-02 19:38, Beno wrote:

> Chciałbym się upewnić, czy jak tam w jednym wierszu dam różne typy (nie wiem
> jak to fachowo nazwac) rzeczy, np.
>
> .bla #ple td {...}

o - to bedzie jeden typ

.bla, #ple, td {...}

a to beda trzy typy

do góry

Paweł Piskorz wrote:

>yew wrote:
>> Beno pisze:
>>> Czy istnieje mechanizm w css, żeby w ramach szablonu css stworzyć alias
>>> koloru, który będzie dodany w różnych elementach tego szablonu?
>>>
>>> Chodzi mi o to, że mam w wielu miejscach w szablonie zdefniowany ten samo
>>> kolor i teraz jeśli chcę ten kolor zmienić, to muszę go zmienić we
>>> wszystkich miejscach, gdzie występuje, a wolałbym tylko raz
>>> zadeklarowac ten
>>> kolor.
>>
>> Klasy.
>
>..red, .blue itd? To jest zły pomysł.
>Beno, albo korzystaj z grupowania selektorów, tj.:
>#artykul,
>..costam,
>div.bla p { color:#000; }
>w ten sposób będziesz miał kolor w jednym miejscu.


To nie jest idealne rozwiązanie, choćby dlatego że niektórym
selektorom przypisujemy color, innym background-color czy
border-color, więc dalej zostaje kilka miejsc do zmiany. Do tego ja
np. dla czytelności grupuję selektory w pliku css, więc zbiorcze
deklaracje trochę to rozwalają. Zmienne by się przydały, nie tylko dla
kolorów.


>Albo po prostu naucz się korzystać z find&replace w swoim edytorze :)

Trochę proteza, a i mój ulubiony TopStyle Lite o dziwo nie ma tej
funkcji :((


pozdrawiam
Grzegorz

do góry

..tak sobie właśnie sprawdziłem i dodałem na początku pliku ze
stylami:

<?php
$myColor1 = '#ff0';
?>

a dalej stosowałem takie pokraczne "zmienne": <?php echo $myColor1; ?>

Zapisałem jako plik *.css.php i chyba działa :))

Rzut okiem w google, i wygląda na to, że można wypracować bardziej
poręczny sposób, może taki:
http://net.tutsplus.com/tutorials/html-css-technique
s/how-to-add-variables-to-your-css-files/


Grzegorz

do góry

Użytkownik "Giecze" <czechowski@post.#skasujto#.pl> napisał w wiadomości
news:4ac76d50@news.home.net.pl...

> a dalej stosowałem takie pokraczne "zmienne": <?php echo $myColor1; ?>

Moze takie bedzie dla Ciebie mniej pokraczne:

<?=$myColor1;?>

lamer

do góry

lamer wrote:

>Użytkownik "Giecze" <czechowski@post.#skasujto#.pl> napisał w wiadomości
>news:4ac76d50@news.home.net.pl...
>
>> a dalej stosowałem takie pokraczne "zmienne": <?php echo $myColor1; ?>
>
>Moze takie bedzie dla Ciebie mniej pokraczne:
>
><?=$myColor1;?>

Będzie, dzięki!

GC

do góry