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 680
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

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

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

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