Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]

Groups > pl.comp.lang.php > #15647 > unrolled thread

Klasy css i priorytety

Back to article view | Back to pl.comp.lang.php

Contents

  Klasy css i priorytety Roman Tyczka <noemail@because.no> - 2018-01-18 15:14 +0100
    Re: Klasy css i priorytety Wojtek Gapiński <wojtas_g.WYTNIJ.TO@wp.I.TO.TEZ.pl> - 2018-01-19 16:16 +0100
      Re: Klasy css i priorytety Roman Tyczka <noemail@because.no> - 2018-01-19 17:43 +0100
        Re: Klasy css i priorytety Lemat <#@lemat.priv.pl> - 2018-01-19 18:08 +0100
          Re: Klasy css i priorytety Roman Tyczka <noemail@because.no> - 2018-01-19 23:39 +0100
        Re: Klasy css i priorytety Wojtek Gapiński <wojtas_g.WYTNIJ.TO@wp.I.TO.TEZ.pl> - 2018-01-20 11:07 +0100
          Re: Klasy css i priorytety Roman Tyczka <noemail@because.no> - 2018-01-20 19:06 +0100
            Re: Klasy css i priorytety Wojtek Gapiński <wojtas_g.WYTNIJ.TO@wp.I.TO.TEZ.pl> - 2018-01-21 20:24 +0100
            Re: Klasy css i priorytety Borys Pogoreło <borys@pl.edu.leszno> - 2018-01-22 22:00 +0100
    Re: Klasy css i priorytety Marek S <precz@spamowi.com> - 2018-06-17 01:18 +0200

#15647 — Klasy css i priorytety

mam przykładowo diva i definiuje mu style:

<div class="pierwsza druga">

jeśli obie klasy definiują tę samą właściwość (np. background-color) to
brana jest pierwsza (przynajmniej w Fx), czy jest sposób by wymusić by
druga  klasa styli miała wyższy priorytet i nadpisywała pierwszą?

-- 
pozdrawiam
Roman Tyczka

[toc] | [next] | [standalone]

#15650

W dniu 18-01-2018 o 15:14, Roman Tyczka pisze:
> mam przykładowo diva i definiuje mu style:
> 
> <div class="pierwsza druga">
> 
> jeśli obie klasy definiują tę samą właściwość (np. background-color) to
> brana jest pierwsza (przynajmniej w Fx), czy jest sposób by wymusić by
> druga  klasa styli miała wyższy priorytet i nadpisywała pierwszą?
> 

Można dodać kontekst do drugiej klasy, np.
div.druga
body div.druga

itd.
Dokładniejsze wskazanie klasy spowoduje jej zastosowanie w miejsce 
"pierwsza".

-- 
Wojtek Gapiński
http://www.phprogramista.pl

[toc] | [prev] | [next] | [standalone]

#15651

On Fri, 19 Jan 2018 16:16:50 +0100, Wojtek Gapiński wrote:

>> mam przykładowo diva i definiuje mu style:
>> 
>> <div class="pierwsza druga">
>> 
>> jeśli obie klasy definiują tę samą właściwość (np. background-color) to
>> brana jest pierwsza (przynajmniej w Fx), czy jest sposób by wymusić by
>> druga  klasa styli miała wyższy priorytet i nadpisywała pierwszą?
>> 
> 
> Można dodać kontekst do drugiej klasy, np.
> div.druga
> body div.druga
> 
> itd.
> Dokładniejsze wskazanie klasy spowoduje jej zastosowanie w miejsce 
> "pierwsza".

Chodzi mi bardziej o możliwość incdentalnej zmiany priorytetu, czyli na
poziomie znacznika html.
Ale może tak się nie da.

btw. dziwne trochę jest, że overridowanie nie następuje w kolejności
dopisywania klas do znacznika, bo to byłoby i jednoznaczne i skuteczne.

-- 
pozdrawiam
Roman Tyczka

[toc] | [prev] | [next] | [standalone]

#15652

W dniu 19.01.2018 o 17:43, Roman Tyczka pisze:
> On Fri, 19 Jan 2018 16:16:50 +0100, Wojtek Gapiński wrote:
> 
>>> mam przykładowo diva i definiuje mu style:
>>>
>>> <div class="pierwsza druga">
>>>
>>> jeśli obie klasy definiują tę samą właściwość (np. background-color) to
>>> brana jest pierwsza (przynajmniej w Fx), czy jest sposób by wymusić by
>>> druga  klasa styli miała wyższy priorytet i nadpisywała pierwszą?
>>>
>>
>> Można dodać kontekst do drugiej klasy, np.
>> div.druga
>> body div.druga
>>
>> itd.
>> Dokładniejsze wskazanie klasy spowoduje jej zastosowanie w miejsce
>> "pierwsza".
> 
> Chodzi mi bardziej o możliwość incdentalnej zmiany priorytetu, czyli na
> poziomie znacznika html.
> Ale może tak się nie da.

javascriptem?
https://www.w3schools.com/jsref/prop_html_classname.asp

> btw. dziwne trochę jest, że overridowanie nie następuje w kolejności
> dopisywania klas do znacznika, bo to byłoby i jednoznaczne i skuteczne.
> 
pewnie pracował nad tym ktoś z dir="rtl"
dobrze przynajmniej, że nie japończyk z ich utd.

-- 
Pozdrawiam
Lemat

[toc] | [prev] | [next] | [standalone]

#15653

On Fri, 19 Jan 2018 18:08:37 +0100, Lemat wrote:

>>>> mam przykładowo diva i definiuje mu style:
>>>>
>>>> <div class="pierwsza druga">
>>>>
>>>> jeśli obie klasy definiują tę samą właściwość (np. background-color) to
>>>> brana jest pierwsza (przynajmniej w Fx), czy jest sposób by wymusić by
>>>> druga  klasa styli miała wyższy priorytet i nadpisywała pierwszą?
>>>>
>>>
>>> Można dodać kontekst do drugiej klasy, np.
>>> div.druga
>>> body div.druga
>>>
>>> itd.
>>> Dokładniejsze wskazanie klasy spowoduje jej zastosowanie w miejsce
>>> "pierwsza".
>> 
>> Chodzi mi bardziej o możliwość incdentalnej zmiany priorytetu, czyli na
>> poziomie znacznika html.
>> Ale może tak się nie da.
> 
> javascriptem?
> https://www.w3schools.com/jsref/prop_html_classname.asp

E, no nie, JS-em to można wszystko, nawet grawitację odwrócić ;-)
Ja bym chciał, że tak się wyrażę, po bożemu czyli zgodnie z zasadami i
statycznie :-)
 
>> btw. dziwne trochę jest, że overridowanie nie następuje w kolejności
>> dopisywania klas do znacznika, bo to byłoby i jednoznaczne i skuteczne.
>> 
> pewnie pracował nad tym ktoś z dir="rtl"

To ciekawa uwaga, warto by potestować czy nie jest to regułą i może
rzeczywiście założenia odwieczne trza by w głowie przemodelować.

> dobrze przynajmniej, że nie japończyk z ich utd.

Lub szachista z ich konikiem ;-)

-- 
pozdrawiam
Roman Tyczka

[toc] | [prev] | [next] | [standalone]

#15654

W dniu 19-01-2018 o 17:43, Roman Tyczka pisze:
> On Fri, 19 Jan 2018 16:16:50 +0100, Wojtek Gapiński wrote:
> 
>>> mam przykładowo diva i definiuje mu style:
>>>
>>> <div class="pierwsza druga">
>>>
>>> jeśli obie klasy definiują tę samą właściwość (np. background-color) to
>>> brana jest pierwsza (przynajmniej w Fx), czy jest sposób by wymusić by
>>> druga  klasa styli miała wyższy priorytet i nadpisywała pierwszą?
>>>
>>
>> Można dodać kontekst do drugiej klasy, np.
>> div.druga
>> body div.druga
>>
>> itd.
>> Dokładniejsze wskazanie klasy spowoduje jej zastosowanie w miejsce
>> "pierwsza".
> 
> Chodzi mi bardziej o możliwość incdentalnej zmiany priorytetu, czyli na
> poziomie znacznika html.
> Ale może tak się nie da.
> 

Można jeszcze dodać w klasie, która ma mieć wyższy priorytet, dyrektywę 
!important, wówczas zostanie użyta ta reguła, niezależnie od kolejności 
klas i kontekstu.
Może to Ci pomoże?

-- 
Wojtek Gapiński
http://www.phprogramista.pl

[toc] | [prev] | [next] | [standalone]

#15655

On Sat, 20 Jan 2018 11:07:08 +0100, Wojtek Gapiński wrote:

>>>> mam przykładowo diva i definiuje mu style:
>>>>
>>>> <div class="pierwsza druga">
>>>>
>>>> jeśli obie klasy definiują tę samą właściwość (np. background-color) to
>>>> brana jest pierwsza (przynajmniej w Fx), czy jest sposób by wymusić by
>>>> druga  klasa styli miała wyższy priorytet i nadpisywała pierwszą?
>>>>
>>>
>>> Można dodać kontekst do drugiej klasy, np.
>>> div.druga
>>> body div.druga
>>>
>>> itd.
>>> Dokładniejsze wskazanie klasy spowoduje jej zastosowanie w miejsce
>>> "pierwsza".
>> 
>> Chodzi mi bardziej o możliwość incdentalnej zmiany priorytetu, czyli na
>> poziomie znacznika html.
>> Ale może tak się nie da.
>> 
> 
> Można jeszcze dodać w klasie, która ma mieć wyższy priorytet, dyrektywę 
> !important, wówczas zostanie użyta ta reguła, niezależnie od kolejności 
> klas i kontekstu.
> Może to Ci pomoże?

Dzięki, !important z pewnością się przyda.

A co do tematu... doczytałem, że to nie kolejność w atrybucie class
decyduje o nadpisywaniu a kolejność styli w ...pliku CSS! To jest dość
kuriozalne, ale przynajmniej jest jasna zasada i warto ją zapamiętać.

ps. nie wiem jak to działa w przypadku kilku plików css ale pewnie tu
decyduje z kolei kolejność importu css przez htmla, ale to trzeba zbadać.

-- 
pozdrawiam
Roman Tyczka

[toc] | [prev] | [next] | [standalone]

#15659

W dniu 20-01-2018 o 19:06, Roman Tyczka pisze:

> 
> A co do tematu... doczytałem, że to nie kolejność w atrybucie class
> decyduje o nadpisywaniu a kolejność styli w ...pliku CSS! To jest dość
> kuriozalne, ale przynajmniej jest jasna zasada i warto ją zapamiętać.
> 
> ps. nie wiem jak to działa w przypadku kilku plików css ale pewnie tu
> decyduje z kolei kolejność importu css przez htmla, ale to trzeba zbadać.
> 

To byłoby nawet logiczne: style są "nadpisywane" przez te same reguły 
występujące później w pliku CSS albo w później ładowanym pliku CSS.

-- 
Wojtek Gapiński
http://www.phprogramista.pl

[toc] | [prev] | [next] | [standalone]

#15662

Dnia Sat, 20 Jan 2018 19:06:05 +0100, Roman Tyczka napisał(a):

> Dzięki, !important z pewnością się przyda.

Traktuj to jako hack. Jedyne praktyczne użycie !important to konieczność
nadpisania stylów zdefiniowanych bezpośrednio w elemencie HTML lub
budowanie responsywnych szablonów e-mail.

> A co do tematu... doczytałem, że to nie kolejność w atrybucie class
> decyduje o nadpisywaniu a kolejność styli w ...pliku CSS! To jest dość
> kuriozalne, ale przynajmniej jest jasna zasada i warto ją zapamiętać.

Niby czemu kuriozalne? Wartości jednego atrybutu są równoważne, a plik jest
przetwarzany sekwencyjnie.

Btw, ta kolejność dotyczy tylko reguł CSS o tej samej wadze. Selektor
bardziej szczegółowy zdefiniowany wcześniej nadal będzie ważniejszy.

> ps. nie wiem jak to działa w przypadku kilku plików css ale pewnie tu
> decyduje z kolei kolejność importu css przez htmla, ale to trzeba zbadać.

Tak

-- 
Borys Pogoreło
borys(#)leszno,edu,pl

[toc] | [prev] | [next] | [standalone]

#15797

W dniu 2018-01-18 o 15:14, Roman Tyczka pisze:
> mam przykładowo diva i definiuje mu style:
Jak dla mnie, to wygląda na to, że coś w CSS jest pochrzanione. Przytocz 
kompletny kod. Obstawiam to, że CSS nie zawiera definicji 
costam.pierwsza.druga a zawiera costam.pierwsza druga. Typowy błąd.

-- 
Pozdrawiam,
Marek

[toc] | [prev] | [standalone]

Back to top | Article view | pl.comp.lang.php

csiph-web