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 (1 - 11)
!*!
post
Post #2





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

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

Ponieważ id jest tak jakby "wyżej" od klasy.

Ten post edytował !*! 6.09.2011, 13:22:00


--------------------
Nie udzielam pomocy poprzez PW i nie mam GG.
Niektóre języki programowania, na przykład C# są znane z niezwykłej przenośności (kompatybilność ze wszystkimi wersjami Visty jest wiele warta).
Go to the top of the page
+Quote Post
nospor
post
Post #3





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004
w css nie liczy się kolejność a ważność.

#a jest ważniejsze od .b stad div ma nadal opacity 0.1


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer
Go to the top of the page
+Quote Post
kufalo
post
Post #4





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

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

Ok,
Ma ktos moze pod reka jakas tabelke z waznoscia poszczegolnych deklaracji css ?
Go to the top of the page
+Quote Post
!*!
post
Post #5





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

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

Ważność deklaracji CSS? A co to jest? Wątpię że jest taka tabela. Przeczytaj od czego jest ID i CLASS oraz o ich dziedziczeniu, to wystarczy.


--------------------
Nie udzielam pomocy poprzez PW i nie mam GG.
Niektóre języki programowania, na przykład C# są znane z niezwykłej przenośności (kompatybilność ze wszystkimi wersjami Visty jest wiele warta).
Go to the top of the page
+Quote Post
kufalo
post
Post #6





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

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


No wlasnie chodzi mi o tabelke ze specyfikacji css definiujaca to co jest wazniejsze od czego... Przyklad: id wazniejsze od klasy
Go to the top of the page
+Quote Post
!*!
post
Post #7





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

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

Przecież nie ma "niczego" więcej. To co chcesz mieć w tej tabeli ? "id jest ważniejsze od klasy" wynika ze specyfikacji w3c, a skrócone 'wytłumaczenie' znajdziesz w pierwszym lepszym kursie css.


--------------------
Nie udzielam pomocy poprzez PW i nie mam GG.
Niektóre języki programowania, na przykład C# są znane z niezwykłej przenośności (kompatybilność ze wszystkimi wersjami Visty jest wiele warta).
Go to the top of the page
+Quote Post
kufalo
post
Post #8





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

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

Ok, podejrzewalem ze jeszcze moze byc cos wiecej, czego nie uzywalem do tej pory.
Go to the top of the page
+Quote Post
luckyps
post
Post #9





Grupa: Zarejestrowani
Postów: 153
Pomógł: 41
Dołączył: 28.06.2011
Skąd: Częstochowa

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

Jeszcze możesz przypisać style bezpośrednio dla danego znacznika html np:
[HTML] pobierz, plaintext 
  1. <style type="text/css">
  2.  div {opacity:0.5}
  3.  </style>
[HTML] pobierz, plaintext

tongue.gif
Go to the top of the page
+Quote Post
ActivePlayer
post
Post #10





Grupa: Przyjaciele php.pl
Postów: 1 224
Pomógł: 40
Dołączył: 6.07.2004
Skąd: Wuppertal

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

jest jeszcze !important
Go to the top of the page
+Quote Post
Pawel_W
post
Post #11





Grupa: Zarejestrowani
Postów: 1 675
Pomógł: 286
Dołączył: 15.06.2009
Skąd: Wieliczka

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

ogólnie im bardziej uszczegółowisz tym większe ma znaczenie, np.

Kod
div .klasa .klasa2


jest mocniejsze niż

Kod
.klasa2
Go to the top of the page
+Quote Post
kamil4u
post
Post #12





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 smile.gif


--------------------
>>> iPage.pl - JS, HTML5, CSS3, Android - moja oferta
>>> myPrzepis.pl - blog kulinarny
Go to the top of the page
+Quote Post
« Następny starszy · CSS · Następny nowszy »
 

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

 

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

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

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