Som besökare på Hamsterpaj samtycker du till användandet av s.k. cookies för att förbättra din upplevelse hos oss. Jag förstår, ta bort denna ruta!
Annons

Css - fokusera på en specifik kod

Skapad av Oliveran, 2011-03-17 11:11 i Webbutveckling & Programmering

1 646
14 inlägg
0 poäng
Oliveran
Visningsbild
P 30 Åkersberga Hjälte 5 719 inlägg
0
Hej, hej.

Nu är det så att jag håller på med min egen CSS-fil.

Just nu ser den ut såhär:
Visa spoiler
charset "UTF-8";
body {
background-color: #d0e4fe;
}

h1 {
color:orange;
text-align:center;
}
p {
color: #d0e4fe;
}
ul, ol, dl {
padding: 0;
margin: 0;
}
.container {
width: 80%;
max-width: 1260px;
min-width: 780px;
background: #FFF;
margin: 0 auto;
overflow: hidden;
}
.sidebar1 {
float: right;
width: 30%;
background: #93A5C4;
padding-bottom: 10px;
}
.content {
padding: 10px 0;
width: 70%;
float: right;
}
.content ul, .content ol {
padding: 0 15px 15px 40px;
}

ul.nav {
list-style: none;
border-top: 1px solid #666;
margin-bottom: 15px;
}
ul.nav li {
border-bottom: 1px solid #666;
}
ul.nav a, ul.nav a:visited {
padding: 5px 5px 5px 15px;
display: block;
text-decoration: none;
background: #8090AB;
color: #000;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus {
background: #6F7D94;
color: #FFF;
}

.fltrt {
float: right;
margin-left: 8px;
}
.fltlft {
float: left;
margin-right: 8px;
}
.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}



Dock så vill jag se till att kunna fokusera på en SPECIFIK <p>, exempelvis att jag har två stycken <p> där ena skall vara röd och andra blå. Men jag vill se till att skriva deras färg i CSSn. Går det?
Tacksam för svar!

You're my boo! ~

Är reklamen ivägen? Logga in eller registrera dig så försvinner den!

Syndafloden
Visningsbild
P 33 Karlstad Hjälte 10 705 inlägg
0
Använd klasser : )

I HTML-dokumentet så döper du den ena till typ
<p class="red">
SDFLSDFSDFLSDfsdknfs
</p>
och den andra till <p class="blue"></p>

I CSS-filen skriver du sedan

.red {
/* En punk anger att det är en klass */
color: red;
}
och samma för blå.

HEH, TIME FOR A BIT OF A ROUGH AND TUMBLE

Oliveran
Visningsbild
P 30 Åkersberga Hjälte 5 719 inlägg
Trådskapare
0
Svar till Erotisk_Eruption [Gå till post]:
Kan den ha namnet, låt oss säga:
<p class="MATÄRGOTT"> ?

You're my boo! ~

Syndafloden
Visningsbild
P 33 Karlstad Hjälte 10 705 inlägg
0

Svar till Oliveran [Gå till post]:
Mjapp. Dock vet jag inte hur ÅÄÖ fungerar riktigt.

HEH, TIME FOR A BIT OF A ROUGH AND TUMBLE

Neant
Visningsbild
Hjälte 766 inlägg
0

Svar till Erotisk_Eruption [Gå till post]:

Finns det något som (i just det här specialfallet) gör det bättre att skriva <p class="red"> istället för <p color="red">?


Syndafloden
Visningsbild
P 33 Karlstad Hjälte 10 705 inlägg
0

Svar till Neant [Gå till post]:
Bra fråga. Det skulle väl vara om han planerar att ha det stycket some tt vanligt förekommande stycke, och vid ett senare skede vill ändra det.

Annars är ja gosäker. Inline CSS är inte så snyggt, och HTML ska inte användas för att göra saker fina, så förlorar väl lite semantiska poäng. Men i praktiken bör det vara samma sak.

HEH, TIME FOR A BIT OF A ROUGH AND TUMBLE

Neant
Visningsbild
Hjälte 766 inlägg
0

Svar till Erotisk_Eruption [Gå till post]:

Tänkte eftersom det var ungefär lika mycket text. Menar, jag förstår att man skapar klasser och sånt när det är fler än en grej man ska modifiera eller när det blir otydligt att läsa annars - men när skillnaden står mellan class="red" och color="red" tycker jag faktiskt att det senare är tydligast.


Oliveran
Visningsbild
P 30 Åkersberga Hjälte 5 719 inlägg
Trådskapare
0
Svar till Erotisk_Eruption [Gå till post]:
Okej. Vad bra, då kan jag skriva:
MATSMAKARANKA [cute]

You're my boo! ~

Syndafloden
Visningsbild
P 33 Karlstad Hjälte 10 705 inlägg
0

Svar till Neant [Gå till post]:
Både ja och nej.

Om man döper sina klasser vettigt så får man lätt en korrekt uppfattning om vad klassen i fråga gör, och jag känner att det lätt blir rörigt omman har stilkod både i källdokumentet och i CSS-mallen.

Tror dock att det i praktiken är en smaksak : )

HEH, TIME FOR A BIT OF A ROUGH AND TUMBLE

Tvillingen
Visningsbild
P 31 Hjälte 3 117 inlägg
0
Svar till Neant [Gå till post]:
Fungerar det att skriva <p color="red">? Jag får det inte att fungera, men kör man med style attributen fungerar det bra, <p style="color:red">.

Jag tycker det blir lättare att använda en class om man vill ha en annan nyans av röd, exempelvis #d81616. Vill man däremot använda sig av färgen det blir av color: red så ser jag inga större problem med att använda sig av inline CSS, men jag brukar försöka undvika det.

Jag är ond!

Neant
Visningsbild
Hjälte 766 inlägg
0

Svar till Tvillingen [Gå till post]:

Det kanske det inte gör - jag är hemskt dålig på både html och css.


Anonymmedlem
Visningsbild
Bitter 9001 inlägg
0
Neant: color="red" är html3 :D
D2H
Visningsbild
P Hjälte 3 460 inlägg
0
moodh: Neant: Och det blir väl så att om man har en klass så kan man ju ändra fler saker? Det borde väl funka?

Ingen status

Syndafloden
Visningsbild
P 33 Karlstad Hjälte 10 705 inlägg
0

Svar till D2H [Gå till post]:
Helt korrekt : )
Alla attribut som är tillgängliga för objektet (en <p> i den hår frågan) går att ändra fram och tillbaka i en klass. Det Går att göra inline med, men det är oftast värdelöst.

HEH, TIME FOR A BIT OF A ROUGH AND TUMBLE


Forum » Datorer & IT » Webbutveckling & Programmering » Css - fokusera på en specifik kod

Ansvariga ordningsvakter:

Användare som läser i den här tråden just nu

1 utloggad

Skriv ett nytt inlägg

Hej! Innan du skriver om ett potentiellt problem så vill vi påminna dig om att du faktiskt inte är ensam. Du är inte onormal och världen kommer inte att gå under, vi lovar! Så slappna av och gilla livet i några minuter - känns det fortfarande hemskt? Skriv gärna ner dina tankar och frågor, vi älskar att hjälpa just dig!

Den här tråden är äldre än Rojks drömtjej!

Det senaste inlägget i den här tråden skrevs för över tre månader sedan. Är du säker på att du vill återuppliva diskussionen? Har du något vettigt att tillföra eller passar din fråga i en ny tråd? Onödiga återupplivningar kommer att låsas så tänk efter en extra gång!

Hjälp

Det här är en hjälpruta

Här får du korta tips och förklaringar om forumet. Välj kapitel i rullningslisten här ovanför.

Rutan uppdateras automagiskt

När du använder funktioner i forumet så visas bra tips här.


Annons
Annons
Annons
Annons