U och I som CSS-klasser....

5 svar · 526 visningar · startad av aasah 15 apr. 2007

aasahMedlem sedan mars 20034 471 inlägg

Trådstart15 apr. 2007 10:45#1

Hur ska CSS-klasserna skugga och falskLank se ut för att följande två stycken ska bli lika:

<--- I CSS-filen idag --->
.spoke {
color: #CCC;
}

<-- I HTML-filen idag --->
<div class="spoke"><i><u>Falsk länk</u> Lite text<i></div>

<--- I CSS-filen Önskemål --->
.spoke {
color: #CCC;
/*Texten ska vara italic */
}

.falskLank {
color: #CCC;
/*Texten ska vara italic och understruken*/
}
<-- I HTML-filen imorgon enl önskemål --->
<div class="spoke"><span class="falskLank">Falsk länk</span> Lite text</div>

(Den inloggade har en riktig länk här...)

Tacksam för hjälp om hur spoke och falskLank borde se ut!

cyprysMedlem sedan dec. 20003 563 inlägg

15 apr. 2007 10:53#2

.spoke 
{
    color: #CCC;
    font-style: italic;
}

.spoke .falskLank 
{
    text-decoration: underline;
}

Eller har jag misstolkat något?

aasahMedlem sedan mars 20034 471 inlägg

15 apr. 2007 10:59#3

Nej, du har inte misstolkat. Jag har bara teflon i skallen vad gäller vad som är text-decoration, font-style etc... Finns det någon logik bakom?

Om den sista klassen bara är .falskLank, blir den kursiv genom att stå inne i en spoke div eller inte? Jag fattar inte riktigt hur saker ärvs heller är jag rädd...

cyprysMedlem sedan dec. 20003 563 inlägg

15 apr. 2007 11:11#4

Finns det någon logik bakom?

Att olika värden och ändringar hamna under olika attribut istället för under css: text-decoration-italic? Jo.

.spoke .falsklänk appliceras endast på .falsklänk underliggandes .spoke i min senaste post, alltså finns det ett förhållande däremellen. Vill du helt separera klasserna skulle jag skriva:

.spoke 
{
    color: #CCC;
    font-style: italic;
}

.falskLank 
{    
    color: #CCC;
    font-style: italic;
    text-decoration: underline;
}

Även om man kan diskutera mycket kring stylesheets är det inte direkt hjärnkirurgi och ett besök på någon passande sida kommer nog putta dig i rätt riktning.

MobergMedlem sedan sep. 200614 inlägg

16 apr. 2007 18:26#5

Kanske kan du tillochmed använda taggen <em>, för betoning, istället för en spannklass.

aasahMedlem sedan mars 20034 471 inlägg

17 apr. 2007 11:13#6

Helst skulle jag markerat båda cyprys svar som lösta.

cyprys skrev:

Att olika värden och ändringar hamna under olika attribut istället för under css: text-decoration-italic? Jo.

Nä? Jag menade i och för sig mer varför inte bold, underline och italic allihopa är antingen font-style eller text-decoration eller något annat. Alltihopa är olika sätt att "dekorera" texten i någon bemärkelse. Ska titta mer på din länk senare, när jag är hemma hos bredbandet igen.

Moberg - jag vill använda en klass. (Färgen sitter inte i en em-tagg.)