Forum PHP.pl > [css] identyfikator a klasa

bmL

15.08.2007, 11:57:46

Może głupie pytanie ale:
Jakie aspekty przemawiają za używaniem w swojej aplikacji identyfikatorów a nie klas?

Cysiaczek

15.08.2007, 12:10:40

Identyfikator wskazuje na jeden konkretny obiekt w dokumencie, natomiast klasa może być używana przez wiele obiektów. Bardzo często używa się obu rozwiązań jednocześnie, a najczęściej decyduje konkretne zapotrzebowanie w danym miejscu.

Pozdrawiam.

mike

15.08.2007, 12:17:03

Pytanie faktycznie trochę głupie ale nie dlatego, że początkujące czy coś w tym stylu.
Ale pytasz o mechanizmy pomagające sobie na wajem a nie wykluczające.

Stosowanie samych klas jest tak samo złe jak samych identyfikatorów.
Powinno się używać i tego i tego.

Przykład:
Masz stroną, na której linki mają jakiś tam styl (nieważne). Ale na przykład część linków (których jest na pewno więcej niż jeden) powinna mieć inny styl. Dodatkowo jeden z nich w zależności od kontekstu strony powinien być pogrubiony i na czerwono.

[HTML] pobierz, plaintext 
<style type="text/css">
a.klasa {
    color: #cdcdcd;
    background-color: #123;
}
 
a.klasa#identyfikator {
    color: #f00;
    font-weight: bold;
}
</style>
 
<a href="#" class="klasa">link 1</a>
<a href="#" class="klasa">link 2</a>
<a href="#" id="identyfikator" class="klasa">link 3</a>
<a href="#" class="klasa">link 4</a>
<a href="#" class="klasa">link 5</a>
[HTML] pobierz, plaintext

bmL

15.08.2007, 21:29:48

Cytat(Cysiaczek @ 15.08.2007, 13:10:40 )

Identyfikator wskazuje na jeden konkretny obiekt w dokumencie, natomiast klasa może być używana przez wiele obiektów. Bardzo często używa się obu rozwiązań jednocześnie, a najczęściej decyduje konkretne zapotrzebowanie w danym miejscu.

Pozdrawiam.

Nadal nie obrazuje mi to dlaczego miałbym stosować identyfikatory w końcu mogę stosować same klasy.

Cytat(mike @ 15.08.2007, 13:17:03 )

Pytanie faktycznie trochę głupie ale nie dlatego, że początkujące czy coś w tym stylu.
Ale pytasz o mechanizmy pomagające sobie na wajem a nie wykluczające.

Stosowanie samych klas jest tak samo złe jak samych identyfikatorów.
Powinno się używać i tego i tego.

Przykład:
Masz stroną, na której linki mają jakiś tam styl (nieważne). Ale na przykład część linków (których jest na pewno więcej niż jeden) powinna mieć inny styl. Dodatkowo jeden z nich w zależności od kontekstu strony powinien być pogrubiony i na czerwono.

[HTML] pobierz, plaintext 
<style type="text/css">
a.klasa {
    color: #cdcdcd;
    background-color: #123;
}
 
a.klasa#identyfikator {
    color: #f00;
    font-weight: bold;
}
</style>
 
<a href="#" class="klasa">link 1</a>
<a href="#" class="klasa">link 2</a>
<a href="#" id="identyfikator" class="klasa">link 3</a>
<a href="#" class="klasa">link 4</a>
<a href="#" class="klasa">link 5</a>
[HTML] pobierz, plaintext

Można to zapisać jeszcze krócej używając samych klas

[PHP] pobierz, plaintext 
<?php
<style type="text/css">
a.klasa {
color: #cdcdcd;
background-color: #123;
}
 
a.bred{
color: #f00;
font-weight: bold;
}
</style>
 
<a href="#" class="klasa">link 1</a>
<a href="#" class="klasa">link 2</a>
<a href="#" class="klasa bred">link 3</a>
<a href="#" class="klasa">link 4</a>
<a href="#" class="klasa">link 5</a>
?>
[PHP] pobierz, plaintext

Wygląda na to, że stosowanie identyfikatorów opłaca mi się tylko wtedy kiedy jestem do tego zmuszony np. jak chcę zrobić jakiś link do danej części strony. Albo na potrzeby skryptu j/s itp.
Proszę, poprawcie mnie jeżeli się mylę.
Pozdrawiam bmL.

mike

16.08.2007, 13:22:55

Cytat(bmL @ 15.08.2007, 22:29:48 )

Można to zapisać jeszcze krócej używając samych klas

Krócen raptem o kilka znaków.

Nie mniej jednak identyfikatory mają jeszcze dwie ważne zalety:

Pomagają ogarnąć logicznie kod. Wiesz że jakiś element jest jeden i powinien być jeden. A jeśli popełnisz błąd walidator Ci o tym powie, często jest to ważne;
Identyfikator posiada ogromne znaczenie z perspektywy JavaScript. Znajdź teraz interesujący Cię element Ja to robię getElementById(). Ty będziesz to robił w duo bardziej złożony sposób;

bmL

16.08.2007, 14:14:31

Cytat(mike @ 16.08.2007, 14:22:55 )

Krócej raptem o kilka znaków.

Ale zawsze coś

No i mogę to zastosować tyle razy ile chcę.

Cytat(mike @ 16.08.2007, 14:22:55 )

Nie mniej jednak identyfikatory mają jeszcze dwie ważne zalety:

Pomagają ogarnąć logicznie kod. Wiesz że jakiś element jest jeden i powinien być jeden. A jeśli popełnisz błąd walidator Ci o tym powie, często jest to ważne;

Faktycznie, nie myślałem o tym w ten sposób.

Cytat(mike @ 16.08.2007, 14:22:55 )

Identyfikator posiada ogromne znaczenie z perspektywy JavaScript. Znajdź teraz interesujący Cię element Ja to robię getElementById(). Ty będziesz to robił w duo bardziej złożony sposób;

Racja, doszedłem do tego minute przed tym jak to napisałeś spójrz na daty postów

Dzięki za wszystkie odpowiedzi trochę sobie uświadomiłem czemu warto stosować identyfikatory

Pozdrawiam bmL^^