Výsledky 1 až 10 z 10

Téma: [CSS] třídy vs identifikátory

  1. #1

    Question [CSS] třídy vs identifikátory

    Ahoj,

    mohl by mi někdo polopaticky vysvětlit jaký je v CSS rozdíl mezi třídou (.foo) a indentifikátorem (#foo). Ať hledám na webu jak chci, nejsem z toho moudrej.

    To že musím v HTML použít třídu jako class="foo" a identifikátor jako id="foo" chápu, ale nerozumím větě "takto pojmenovaný identifikátor na jedné straně nebudeme moci dále využít". Tzn. že smím mít jediný id="foo" na celé stránce ? Ale IE i Firefox mi dokazují, že je to nesmysl
    PC: GA-EP45-DS3R | E8400 + Ninja | 8GB | 80GB SSD X25-M | Zotac 9500GT | Asus Xonar DX | 2x Hauppauge WinTV HVR-1300 | Enermax MODU82+ 525W | Lancool K1
    Foto: Canon 20D | Tokina 12-24/4 | Canon 24-105/4 L IS USM | Canon 50/1,8 | Giottos MTL3361 + 1301-621C | Nodal Ninja NN5

  2. #2
    Senior Member Avatar uživatele Prtik
    Založen
    19.12.2005
    Bydliště
    Praha 10
    Příspěvky
    592
    Vliv
    239

    Standardní Re: [CSS] třídy vs identifikátory

    Ano. Identifikator by mel byt jedinecny na strance.
    Identifikatory pouzivam pro design bloku stranky.
    Tridy pak na casti, ktere se mohou opakovat.
    CPU: Intel Core2 Duo E8400 3.0 GHz ■ MB: Gigabyte GA-X48-DS4 ■ RAM: Corsair 4x 2 GB DDR2 1066 CL5 ■ VGA: Gainward 8996-Bliss 8800GTS 512MB, PCIE ■ HDD: Samsung SATA 300 GB + 500GB ■ DVD: LG GSA-H44N Silver ■ Case: Chieftec LCX-01SL-SL-B ■ Power Supply: Seasonic S12II-500 500 W ■ Mouse: Logitech MX1000 ■ Keyboard: Logitech Media Keyboard Elite ■ LCD: Eizo L887 ■ Watercooled: -
    Notebook: Acer TravelMate 8202WLMi - 100 GB + Mouse Logitech G7

  3. #3

    Standardní Re: [CSS] třídy vs identifikátory

    Takže to sice chápu správně, ale prohlížeče tuto vlastnost ignorují ?
    PC: GA-EP45-DS3R | E8400 + Ninja | 8GB | 80GB SSD X25-M | Zotac 9500GT | Asus Xonar DX | 2x Hauppauge WinTV HVR-1300 | Enermax MODU82+ 525W | Lancool K1
    Foto: Canon 20D | Tokina 12-24/4 | Canon 24-105/4 L IS USM | Canon 50/1,8 | Giottos MTL3361 + 1301-621C | Nodal Ninja NN5

  4. #4
    Senior Member Avatar uživatele Prtik
    Založen
    19.12.2005
    Bydliště
    Praha 10
    Příspěvky
    592
    Vliv
    239

    Standardní Re: [CSS] třídy vs identifikátory

    Jak se na to tvari validatory XHTML?
    Prohlizec mi taky skousne id="548", ale validator zve, ze identifikator nemuze zacinat cislem.
    Uz jsi videl prohlizec, ktery splnuje 100% standardy?
    CPU: Intel Core2 Duo E8400 3.0 GHz ■ MB: Gigabyte GA-X48-DS4 ■ RAM: Corsair 4x 2 GB DDR2 1066 CL5 ■ VGA: Gainward 8996-Bliss 8800GTS 512MB, PCIE ■ HDD: Samsung SATA 300 GB + 500GB ■ DVD: LG GSA-H44N Silver ■ Case: Chieftec LCX-01SL-SL-B ■ Power Supply: Seasonic S12II-500 500 W ■ Mouse: Logitech MX1000 ■ Keyboard: Logitech Media Keyboard Elite ■ LCD: Eizo L887 ■ Watercooled: -
    Notebook: Acer TravelMate 8202WLMi - 100 GB + Mouse Logitech G7

  5. #5
    Senior Member Avatar uživatele Anduril
    Založen
    12.10.2002
    Bydliště
    OVA, OL
    Věk
    41
    Příspěvky
    3 474
    Vliv
    314

    Standardní Re: [CSS] třídy vs identifikátory

    Ono to sice funguje i kdyz je stejnych id vice, ale tyka se to akorat CSS. id se pouziva treba ve spojeni s javascriptem (getElementById) - jak se prohlizec zachova potom pri vice stejnych idckach?
    Proto by se melo dodrzovat ID jednou. Stejne jako Prtik je pouzivam na oznaceni zakladnich stavebnich bloku stranky, tridy pak na formatovani textu nebo na opakujicic se casti stranky. Tridu muzes klidne pridat i k elementu s ID.
    ntb: HP EliteBook 8460p i7-2640M | 8GB RAM | 120GB SSD + 500GB HDD | ATi HD6470 | 14" HD+ | W7 PRO
    home: HP Docking Station | HP L2045W | WD 500GB Scorpio Blue USB box
    work: HP Docking Station | HP L2445W
    audio: Epiphone G-400 SG + Sounder Telecaster | E-MU 0202 | Cambridge Audio Azur 340R | Wharfedale Diamond 9.2 | Magnat Betasub 20A | Sennheiser HD555

  6. #6

    Standardní Re: [CSS] třídy vs identifikátory

    Díky pánové, už je mi to jasnější. Chtěl jsem jenom vědět jestli sem to blbě pochopil já, nebo to prohlížeč zkousne kvůli BFU
    U javascriptu to dává smysl, v čistým HTML mi pořád ucházel smysl takovéhoto omezení.

    PS: Zajímavý je, že v některé literatuře k CSS se používají na VŠECHNY elementy na stránce jen třídy a v jiném zdroji zase jen identifikátory. Pak z toho nemám mít guláš
    PC: GA-EP45-DS3R | E8400 + Ninja | 8GB | 80GB SSD X25-M | Zotac 9500GT | Asus Xonar DX | 2x Hauppauge WinTV HVR-1300 | Enermax MODU82+ 525W | Lancool K1
    Foto: Canon 20D | Tokina 12-24/4 | Canon 24-105/4 L IS USM | Canon 50/1,8 | Giottos MTL3361 + 1301-621C | Nodal Ninja NN5

  7. #7
    Senior Member Avatar uživatele Prtik
    Založen
    19.12.2005
    Bydliště
    Praha 10
    Příspěvky
    592
    Vliv
    239

    Standardní Re: [CSS] třídy vs identifikátory

    Validace na XHTML mi neprosla:
    Error: ID "pokus" already defined
    An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).
    CPU: Intel Core2 Duo E8400 3.0 GHz ■ MB: Gigabyte GA-X48-DS4 ■ RAM: Corsair 4x 2 GB DDR2 1066 CL5 ■ VGA: Gainward 8996-Bliss 8800GTS 512MB, PCIE ■ HDD: Samsung SATA 300 GB + 500GB ■ DVD: LG GSA-H44N Silver ■ Case: Chieftec LCX-01SL-SL-B ■ Power Supply: Seasonic S12II-500 500 W ■ Mouse: Logitech MX1000 ■ Keyboard: Logitech Media Keyboard Elite ■ LCD: Eizo L887 ■ Watercooled: -
    Notebook: Acer TravelMate 8202WLMi - 100 GB + Mouse Logitech G7

  8. #8

    Standardní Re: [CSS] třídy vs identifikátory

    Ještě je rozdíl v tom že identifikátor má vyšší prioritu než class a nižší prioritu než style...
    -- under construction --

  9. #9
    Administrátor mince Avatar uživatele Jezevec
    Založen
    08.10.2002
    Bydliště
    Teplice
    Příspěvky
    6 738
    Vliv
    300

    Standardní Re: [CSS] třídy vs identifikátory

    jen dodam, ze pomoci CSS lze definoval vlastnosti libovolnyho prvku i bez pouzivani trid a identifikatoru. V nekterych pripadech je to dokonce nejlepsi moznost, protoze to je naprosto obecny. Da se napr ric, ze link v tabulce ohraniceny divem v alespon 3ti urovni ma mit vlastnost X. Pokud pak web ma rozumnou strukturu (= ne tabulkovej design), nemusis furt koumat jestli toto ma mit tuhle nebo onuhle tridu.
    IMPROBE AMOR, QUID NON MORTALIA PECTORA COGIS - krutá jsi, lásko, kam až ty doženeš smrtelná srdce -- Vergilius
    Mnoho je prostředků, které léčí lásku, ale žádný není spolehlivý.
    S tím, čeho se na nás dopustili druzí se už nějak vyrovnáme. Horší je to s tím, čeho jsme se na sobě dopustili sami.
    -- Francois La Rochefoucauld
    Nabídnout přátelství tomu, kdo chce lásku, je jako dát chleba tomu, kdo umírá žízní.

  10. #10
    Senior Member Avatar uživatele Anduril
    Založen
    12.10.2002
    Bydliště
    OVA, OL
    Věk
    41
    Příspěvky
    3 474
    Vliv
    314

    Standardní Re: [CSS] třídy vs identifikátory

    Jojo, to se da, ale pokud mas slozitejsi strukturu webu (stranky), asi se bez trid neobejdes.
    Spousta veci by se dalo udelat jednoduseji, kdyby vsechny prohlizece fungovaly stejne a nebo IE dane vlastnosti vubec podporoval
    ntb: HP EliteBook 8460p i7-2640M | 8GB RAM | 120GB SSD + 500GB HDD | ATi HD6470 | 14" HD+ | W7 PRO
    home: HP Docking Station | HP L2045W | WD 500GB Scorpio Blue USB box
    work: HP Docking Station | HP L2445W
    audio: Epiphone G-400 SG + Sounder Telecaster | E-MU 0202 | Cambridge Audio Azur 340R | Wharfedale Diamond 9.2 | Magnat Betasub 20A | Sennheiser HD555

Informace o tématu

Users Browsing this Thread

Toto téma si právě prohlíží 1 uživatelů. (0 registrovaných a 1 anonymních)

Pravidla přispívání

  • Nemůžete zakládat nová témata
  • Nemůžete zasílat odpovědi
  • Nemůžete přikládat přílohy
  • Nemůžete upravovat své příspěvky
  •