GoldenLine
Zaloguj się

konto usunięte

Temat: class a id

Mam pytanie,
jaka jest różnica pomiędzy

<div class="jakis_div">
a
<div id="jakis_div">
??

Pomijając to, że element z id może być potem obrabiany przez javascript i id musi byc unikalne dla każdego elementu, a class może być użyte przez w wielu elementach.
Czy jest jakaś różnica w działaniu styli?Krzysztof P edytował(a) ten post dnia 24.11.08 o godzinie 01:00
Link do wypowiedziLink

konto usunięte

Temat: class a id

Krzysztof P:
Mam pytanie,
jaka jest różnica pomiędzy

<div class="jakis_div">
a
<div id="jakis_div">
??

Pomijając to, że element z id może być potem obrabiany przez javascript i id musi byc unikalne dla każdego elementu, a class może być użyte przez w wielu elementach.
Czy jest jakaś różnica w działaniu styli?Krzysztof P edytował(a) ten post dnia 24.11.08 o godzinie 01:00

niecałe 10 sekund pracy: http://www.bernzilla.com/item.php?id=416

Ja osobiście stosuje id tylko w przypadku ważnych (pod względem struktury strony) elementów (np. header, footer, itp)...

btw: klasa też może być obrabiana przez JS...
Link do wypowiedziLink

konto usunięte

Temat: class a id

Piotr Lewandowski:
Krzysztof P:
Mam pytanie,
jaka jest różnica pomiędzy

<div class="jakis_div">
a
<div id="jakis_div">
??

Pomijając to, że element z id może być potem obrabiany przez javascript i id musi byc unikalne dla każdego elementu, a class może być użyte przez w wielu elementach.
Czy jest jakaś różnica w działaniu styli?Krzysztof P edytował(a) ten post dnia 24.11.08 o godzinie 01:00

niecałe 10 sekund pracy: http://www.bernzilla.com/item.php?id=416

Ja osobiście stosuje id tylko w przypadku ważnych (pod względem struktury strony) elementów (np. header, footer, itp)...

btw: klasa też może być obrabiana przez JS...
Czyli moje informacje dot. javascriptu były błędne - dziękuję za wyprowadzenie mnie z tego błędu:)

Ale generalnie dla działania styli nie ma znaczenia, czy użyję class czy id?
Link do wypowiedziLink

konto usunięte

Temat: class a id

Krzysztof P:

Czyli moje informacje dot. javascriptu były błędne - dziękuję za wyprowadzenie mnie z tego błędu:)

błędnie nie... raczej niepełne...
Ale generalnie dla działania styli nie ma znaczenia, czy użyję class czy id?

nie, nie ma to znaczenia...
Link do wypowiedziLink

konto usunięte

Temat: class a id

Dla działania styli nie ma to znaczenia. Jednak różnica jest czysto semantyczna. ID używasz do jednoznacznej identyfikacji pojedynczego obiektu, który nigdzie więcej się nie powtórzy (tak jak napisał Piotr, np. header, footer).
Z kolei class jest wspólną nazwą dla wielu elementów, którym chcesz przypisać to samo formatowanie.
Pozdrawiam!
Link do wypowiedziLink

konto usunięte

Temat: class a id

Kamil Borkowski:
Dla działania styli nie ma to znaczenia. Jednak różnica jest czysto semantyczna. ID używasz do jednoznacznej identyfikacji pojedynczego obiektu, który nigdzie więcej się nie powtórzy
jeżeli już o różnicach semantycznych, to nie "nigdzie więcej się nie powtórzy" tylko NIE POWTÓRZY SIĘ NA JEDNEJ STRONIE...
Link do wypowiedziLink
Paweł Piskorz

Paweł Piskorz koder HTML/CSS

Temat: class a id

Pomijając to, że element z id może być potem obrabiany przez javascript i id musi byc unikalne dla każdego elementu, a class może być użyte przez w wielu elementach.
Czy jest jakaś różnica w działaniu styli?

id jest silniejszym/ważniejszym selektorem niż klasa: http://www.w3.org/TR/CSS21/cascade.html#specificity
Link do wypowiedziLink

konto usunięte

Temat: class a id

Piotr Lewandowski:
Kamil Borkowski:
Dla działania styli nie ma to znaczenia. Jednak różnica jest czysto semantyczna. ID używasz do jednoznacznej identyfikacji pojedynczego obiektu, który nigdzie więcej się nie powtórzy
jeżeli już o różnicach semantycznych, to nie "nigdzie więcej się nie powtórzy" tylko NIE POWTÓRZY SIĘ NA JEDNEJ STRONIE...

Racja! Uściśliłeś moją wypowiedź :-)
Link do wypowiedziLink
Krzysztof Safjanowski

Krzysztof Safjanowski Senior JavaScript
Lead Developer

Temat: class a id

Kontynuujac wypowiedz Pawła Piskorza:


/* a) */ #lorem #ipsum {}

/* b) */  .lorem .ipsum {}

/* c) */  #lorem .ipsum {}


ktora z regol bedzie obowiazywac dla:


<div class="lorem" id="lorem">

<p class="ipsum" id="ipsum">Hello wordld</p>

</div>
Link do wypowiedziLink

konto usunięte

Temat: class a id

Krzysztof Safjanowski:
Kontynuujac wypowiedz Pawła Piskorza:


/* a) */ #lorem #ipsum {}

/* b) */  .lorem .ipsum {}

/* c) */  #lorem .ipsum {}


ktora z regol bedzie obowiazywac dla:


<div class="lorem" id="lorem">

<p class="ipsum" id="ipsum">Hello wordld</p>

</div>

Ciekawy przykład. W tym przypadku zadziała opcja a), natomiast gdyby wziąć pod uwagę przypadek:


<div class="lorem" id="lorem">

<p class="ipsum" id="lorem">Hello wordld</p>

</div>

to zadziała opcja c)
Link do wypowiedziLink
Paweł Piskorz

Paweł Piskorz koder HTML/CSS

Temat: class a id

Krzysztof Safjanowski:
Kontynuujac wypowiedz Pawła Piskorza:


/* a) */ #lorem #ipsum {}

/* b) */  .lorem .ipsum {}

/* c) */  #lorem .ipsum {}


ktora z regol bedzie obowiazywac dla:


<div class="lorem" id="lorem">

<p class="ipsum" id="ipsum">Hello wordld</p>

</div>

Obowiązywać będą wszystkie, natomiast jeżeli w tych regułach będą się powtarzać jakieś właściwości, to ich wartości będą brane z reguły a, następnie c i na końcu b, niezależnie od kolejności w jakiej się pojawią w arkuszu stylów.
Przykład:
a) #lorem #ipsum {
background-color:red;
}
b) .lorem .ipsum {
background-color:blue;
border:1px solid blue;
color:blue;
}
c) #lorem .ipsum {
background-color:yellow;
border:1px solid yellow;
}
W takim przypadku do naszego przykładowego akapitu zostaną zastosowane następujące wartości:
background-color:red;
border:1px solid yellow;
color:blue;
Link do wypowiedziLink
Michał K.

Michał K. Starszy Grafik,
home.pl

Temat: class a id

Kamil Borkowski:
Ciekawy przykład. W tym przypadku zadziała opcja a), natomiast gdyby wziąć pod uwagę przypadek:


<div class="lorem" id="lorem">

<p class="ipsum" id="lorem">Hello wordld</p>

</div>

to zadziała opcja c)

Teoretycznie jako przykład można to użyć bo przeglądarka spróbuje zinterpretować to na swój sposób, ale podwójny identyfikator "lorem" to jakby nie patrzeć jest już błąd ;)
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy


Następna dyskusja:

problem z class




Wyślij zaproszenie do
Anuluj