Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> kolejnosc wykonywania polecen css
kufalo
post
Post #1





Grupa: Zarejestrowani
Postów: 251
Pomógł: 2
Dołączył: 24.08.2005

Ostrzeżenie: (0%)
-----

Witam,
Czy moze mi ktos na podstawie przykladu ponizej wyjasnic dlaczego wyswietlany prostokat jest szary a nie czarny? Bylem pewny, ze ostatnia wartosc w stylu przypadajaca na dany element jest brana pod uwage...

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html>
  3.  <head>
  4.   <style type="text/css">
  5.  
  6.    #a{opacity:0.1}
  7.    .b{opacity:1}
  8.  
  9.   </style>
  10.  </head>
  11.  <body>
  12.   <div id="a" class="b" style="background:black">...</div>
  13.  </body>
  14. </html>
[HTML] pobierz, plaintext


Ten post edytował kufalo 6.09.2011, 13:18:13
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
kamil4u
post
Post #2





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

Ostrzeżenie: (0%)
-----

CSS to Kaskadowe arkusze stylów. Ważne jest tu słowo kaskada, które Ciebie powinno zainteresować. Jak napisał ~Pawel_W w css ważniejsze są style jak najbardziej szczegółowe. Już na Wikipedii masz, krótką listę:
Cytat
1. Domyślny arkusz przeglądarki WWW (niezależny od autora strony)
2. Domyślny arkusz użytkownika przeglądarki (jak wyżej)
3. Zewnętrzne arkusze stylów i definicje stylów w nagłówku dokumentu
4. Definicje stylów w atrybucie style elementu


Większość sporów, można wziąć na zdrowy rozum. ID(#) jest unikalne, więc jest ważniejsze od klasy(.), które może być nadane wielu elementom, ale klasa jest ważniejsza niż sam element(np. div{ color: red; }). Innym przykładem jest kod podany przez ~Pawel_W. Jeżeli mam taką samą deklarację to wtedy na zdrowy rozum jest ta późniejsza:
[CSS] pobierz, plaintext 
  1. span{ color: red; }
  2. span{ coor: blue; } /* span będzie miał kolor niebieski */
[CSS] pobierz, plaintext

Taka sytuacja jest czasami spotykana przy wielu plikach *.css. Jak ~ActivePlayer już wspomniał !important potrafi "załamać" tę "kaskadość"(choć używa się to rzadko warto, abyś o tym poczytał).

Na koniec poczytaj o specyficzności(choć to trochę naciągane): http://webhosting.pl/Odkrywamy.zaawansowan...ozone.selektory

Najlepiej poćwicz to wpadnie to samo - intuicyjnie (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post

Posty w temacie
- kufalo   kolejnosc wykonywania polecen css   6.09.2011, 13:15:59
- - !*!   Ponieważ id jest tak jakby "wyżej" od kl...   6.09.2011, 13:18:57
- - nospor   w css nie liczy się kolejność a ważność. #a jest ...   6.09.2011, 13:20:04
- - kufalo   Ok, Ma ktos moze pod reka jakas tabelke z waznosci...   6.09.2011, 13:22:37
- - !*!   Ważność deklaracji CSS? A co to jest? Wątpię że je...   6.09.2011, 13:25:57
- - kufalo   No wlasnie chodzi mi o tabelke ze specyfikacji css...   6.09.2011, 13:27:39
- - !*!   Przecież nie ma "niczego" więcej. To co ...   6.09.2011, 13:29:38
- - kufalo   Ok, podejrzewalem ze jeszcze moze byc cos wiecej, ...   6.09.2011, 13:33:10
- - luckyps   Jeszcze możesz przypisać style bezpośrednio dla da...   6.09.2011, 13:39:56
- - ActivePlayer   jest jeszcze !important   6.09.2011, 14:10:41
- - Pawel_W   ogólnie im bardziej uszczegółowisz tym większe ma ...   6.09.2011, 14:30:09
- - kamil4u   CSS to Kaskadowe arkusze stylów. Ważne jest tu sło...   6.09.2011, 16:19:59

« Następny starszy · CSS · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 11.10.2025 - 23:32
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn