Hogyan csinálhatok egy csomó div-et úgy, mint egy másik div-ot?


Válasz 1:

Tegyük fel, hogy volt egy kiemelt rész (egy részleg) egy weboldalon, hogyan tehetem, hogy a kiemelt szakasz ugyanazt a tartalmat tartalmazza, például és mint az egyes oldalak kiemelt szakaszai?

Sajnálom, de nem egészen értem az Ön által megadott részleteket. Azok a dolgok, amelyeknek ugyanaz a tartalma és ugyanaz a stílusa, ugyanúgy néznek ki. Ha vannak olyan részei, amelyek eltérő tartalommal rendelkeznek ... nos ... akkor ...

eltérő tartalommal rendelkeznek.

A CSS-ben semmit sem tehet olyan tartalom hozzáadására, amelynek nincs ott.

De beszéljünk arról, hogyan lehet egy csoportot létrehozni

másképp néz ki:

Használja az elemneveket

Az egyik megközelítés az stílusok megnevezése.

Tehát, figyelembe véve ezt a jelölést:

  1. bekezdés szöveg

Ezt meg lehet célozni egy általános leszármazási szelektor írásával:

  1. div p {betűméret: 2em; }

Ez azonban nem jó megközelítés. Lehet, hogy

p

sok másban

div

, valószínűleg nem akarja, hogy ez a stílus globálisan érvényesüljön. A legjobb, ha elkerüljük az ilyen szabályok írását a CSS-ben.

Használjon osztálynevet és elemnevet

Az osztályneveket kifejezetten azzal a céllal hozták létre, hogy a stílusokat több elemre megosszák. Tehát, figyelembe véve ezt a jelölést:

Mindhárom HTML elemnek közös osztályneve van,

.funkció

. Tehát most egy szabályt írna, amely mindenkire vonatkozik

p

belsejében

.funkció

.

  1. .feature p {betűméret: 2em;}

Ez a megközelítés nagyon általános, ha olyan tartalomkezelő rendszerrel dolgozunk, ahol a mező egy Rich Text mező (WYSIWYG). Szabályozhatja a tárolót, de nem mi történik benne. Tehát egy általános osztálynevet és célelemeket használsz, amelyeket az RTF elindít.

Csak egy osztálynevet használjon

Ha a

nem egy tartalomkezelő rendszerrel (CMS) generálják, és egyértelműen ellenőrizheti, hogyan kerül hozzáadásra, majd hozzáadhat egy osztálynevet a

közvetlenül:

Ezután meg kell írnia egy speciálisabb, de alacsonyabb specifitású választót a szabálykészlethez:

  1. .feature__text {betűméret: 2em; }

Válasz 2:

adja meg nekik ugyanazt a css osztályt, és stílusosítsa őket például az osztályból

  1. // minden divnak, amely ugyanúgy néz ki, rendelkeznie kell:

akkor a css-ben példát ír a következőre:

  1. .featured {magassága: 100px; background-color: blue;}

látni fogja, hogy az összes kiemelt divízió azonos színű háttérrel rendelkezik.