Hjälp med att hitta tagg som inte "stör" de andra taggarna

<span> ?

Glömde säga, det funkar inte med <span>. Det ser likadant ut. Kan det vara h3-taggen som stör?

Klart det funkar med span. det beror bara på hur du skriver CSS-reglerna ;)

<h3>Text med <span style="color:red">annan</span> färg</h3>

Du kan också göra det typ såhär:
CSS:

h3 { color: blue }
h3 span {color: red}

(X)HTML

<h3> Text i <span>olika</span> färger</h3>

Jorå, det ska gå alldeles utmärkt med span.
Du kan ju t.ex. strunta i <strong> och använda span-taggen för att göra texten fetare också.

<h3>Lite text <span style="color:#cc9900; font-weight:bold">och mer text</span></h3>

Tack jarvklo och Danne V! Men det jag inte förstår är att span id='...' funkar inte. Det var inte förrän jag använde style='...' som det blev ändring.

Aja, tack i alla fall!

wally_91 skrev:

Tack jarvklo och Danne V! Men det jag inte förstår är att span id='...' funkar inte. Det var inte förrän jag använde style='...' som det blev ändring.

Aja, tack i alla fall!

Heh..jag såg att vi skrev ungefär samma svar ungefär samtidigt...
Problemet med att det inte gick med ett id på span-taggen kan bero på var du lagt formateringen i stilmallen tror jag.
Det är nämligen stilformateringen som är närmast själva taggen som "vinner" om taggen har fler stilar som påverkar den.
Om du t.ex. hade ditt id för spannen (kan man kalla den det?) före stilen för h3-taggen, så är alltså h3-taggens till "närmast" själva taggen och kan kanske ha "vunnit" över span-id.
Lägger man stilen direkt i taggen, så "vinner" den alltid över andra stilar eftersom den är så nära taggen den går att komma. Den är ju t.o.m. inuti taggen....
(jösses vad rörigt det blev. Hoppas du hajar vad jag är ute efter i alla fall....)

Hmm..

OK.
Jag håller med Danne....

Ge oss fler detaljer eller en länk till sidan så kan vi reda ut dina specificitetsproblem. ;)

Kan också vara att du försökte använda id="123" eller liknande -- ett ID får inte börja med en siffra.

Danne V skrev:

Heh..jag såg att vi skrev ungefär samma svar ungefär samtidigt...
Problemet med att det inte gick med ett id på span-taggen kan bero på var du lagt formateringen i stilmallen tror jag.
Det är nämligen stilformateringen som är närmast själva taggen som "vinner" om taggen har fler stilar som påverkar den.
Om du t.ex. hade ditt id för spannen (kan man kalla den det?) före stilen för h3-taggen, så är alltså h3-taggens till "närmast" själva taggen och kan kanske ha "vunnit" över span-id.
Lägger man stilen direkt i taggen, så "vinner" den alltid över andra stilar eftersom den är så nära taggen den går att komma. Den är ju t.o.m. inuti taggen....
(jösses vad rörigt det blev. Hoppas du hajar vad jag är ute efter i alla fall....)

Förstår exakt vad du menar och jag tror att det är prioriteringsreglerna som ställer till det. Jag hade nämligen h3 i mitten ungefär och #spanrod längst ner.

wally_91 skrev:

Förstår exakt vad du menar och jag tror att det är prioriteringsreglerna som ställer till det. Jag hade nämligen h3 i mitten ungefär och #spanrod längst ner.

Det ska inte spela någon roll.

<h3>Foo <span id="spanrod">bar</span></h3>

h3 { color:green; }
#spanrod { color:orange; }

zcorpan skrev:

Det ska inte spela någon roll.

<h3>Foo <span id="spanrod">bar</span></h3>

h3 { color:green; }
#spanrod { color:orange; }

Hmm, aja detta sätt funkar ju med. (optimist, javisst! :p)

Jag trodde det var det du hade försökt, men som inte fungerade? :q

zcorpan skrev:

Jag trodde det var det du hade försökt, men som inte fungerade? :q

Jag hade försökt med id=.. som inte fungerade. Det som fungerar just nu är style="..". Ursäktar om det blev oklart.

alltså, nu har jag inte följt diskussionen helt & hållet, men pröva att kör:

#blaha {
color:#fff;
}

och inte

#blaha { color:#fff; }

osynliga taggar som förstör cssen. smultron ger detta resultat emellanåt och är sannolikt nåt som händer fler csseditorer.

rätt/fel?