Za več p-tagov uporabljam enak stil, ki ga glede na druge elemente rahlo spreminjam.
Nekako takole:
p.pink {
color: #ffffff;
position: absolute;
}
div.haha p.pink {
top: 0;
left: 0;
}
div.haha p.pink.right {
top: 0;
right: 0;
}
HTML:
<div "bla">
<p class="pink">Nekaj</p>
</div
<div class="haha">
<p class="pink">Nekaj</p>
</div
<div class="haha">
<p class="pink right">Nekaj</p>
</div
Tukaj imam dva diva z enakim classom in znotraj je omenjeni P tag. Zdaj fora je v tem da je P v prvem "haha" divu pozicioniran na skrajno levo, v drugem pa bi ga rad postavil skrajno desno. Ampak pač ne gre in mi iz stila "div.haha p.pink" deduje left:0 ki pa ga tukaj ne rabim in se ga želim znebit. Ne morem mu pa npr nastavit left:none.
Nakoncu ima ta P tag nastavljen left:0 in right:0, kar ga raztegne čez cel div, tega pa nočem. Text-align mi tukaj ne pomaga.
Obstaja kakšna rešitev poleg tega, da za dotični P tag naredim specifičen p.pink-r (trenutna rešitev, pri kateri sem sedaj)?