Dreamweaver klases un ID atlasītājiem ir daudz līdzību un viena galvenā atšķirība. ID stilus var izmantot tikai vienu reizi lapā, bet klases stilus vienā lapā var izmantot tik reižu, cik vēlaties.
Klases un ID stiliem ir šādas līdzības:
Varat nosaukt stilus, kas izveidoti ar klases un ID atlasītājiem, jebko, kas jums patīk. Stila nosaukumos nevajadzētu iekļaut atstarpes vai speciālās rakstzīmes, lai gan pasvītra un defise ir piemērotas. Visu mazo burtu lietošana ir izplatīta, bet nav obligāta prakse.
Klases un ID stilus var lietot jebkuram lapas elementam, taču tie visbiežāk tiek lietoti galvenes tagiem, div tagiem, nesakārtotu saraksta tagiem, rindkopu tagiem, attēlu tagiem un jaunajiem HTML5 tagiem.
Ar klases un ID atlasītāju izveidoto stilu izmantošana ir divpakāpju process. Vispirms izveidojiet jaunu stilu, izmantojot klases vai ID atlasītāju, un piešķiriet tam nosaukumu; pēc tam lietojat stilu kādam elementam lapā.
Lai definētu jaunu klases vai ID stilu, izveidojiet un saglabājiet jaunu dokumentu vai atveriet esošu failu un pēc tam veiciet šīs darbības:
1Ja definējat jaunu stilu, ko vēlaties lietot esošam elementam, noklikšķiniet, lai novietotu kursoru virs elementa, kuru vēlaties formatēt ar jauno stilu.
Lai gan šī darbība nav nepieciešama (varat izveidot stilus elementiem, kas vēl nav lapā), Dreamweaver automātiski izveido atlasītāju nosaukumus, pamatojoties uz lapas elementu, kuru kursors pašlaik atlasa.
2 CSS Designer paneļa panelī Selectors atlasiet stila lapas nosaukumu, kurai vēlaties pievienot jauno stilu.
Ja vēlaties mērķēt stilu uz noteiktu multivides veidu vai ekrāna izmēru, definējiet multivides vaicājumu panelī @Media.
Ja nenorādīsiet multivides vaicājumu, Dreamweaver izmantos rekvizītu Global, un jūsu stils darbosies visos multivides formātos un ekrāna izmēros.

3Panelī Selectors noklikšķiniet uz pluszīmes (+).
Atlasītāju panelim tiek pievienots jauns atlasītājs. Dreamweaver ir pievienojis salikto atlasītāja nosaukumu, kas ietver visus stilus, kas jau tika lietoti virsrakstam, kur atradās kursors, kad sākāt definēt stilu.
4 Veiciet dubultklikšķi uz atlasītāja nosaukuma un rediģējiet vai aizstājiet to ar nosaukumu, ko vēlaties izmantot savam stilam.
Klases un ID stilus varat nosaukt jebko, kas jums patīk, ja vien neizmantojat atstarpes vai speciālās rakstzīmes, izņemot defisi (-) vai pasvītrojumu (_).
Ja vēlaties izveidot stilu, izmantojot klases atlasītāju, stila nosaukums jāsāk ar punktu vai punktu. Ja vēlaties izmantot ID atlasītāju, stila nosaukumam jāsākas ar mārciņas zīmi (#).

5Panelī Rekvizīti norādiet stila kārtulas iestatījumus.
Klases un ID atlasītājus ir viegli lietot saturam pēc to izveides, jo Dreamweaver pievieno šos stilus īpašumtiesību inspektora klases un ID nolaižamajiem sarakstiem, kas atrodas darbvietas apakšā.