Autor |
Nachricht |
Mentalo
Threadersteller
Dabei seit: 05.03.2008
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 08.04.2008 13:31
Titel CSS: element in klasse ansprechen. |
|
|
hallo, kurze frage.. warum funktioniert das nicht?
im head:
Code: | <style>
b.klasse {color:ff9900;}
</style> |
im body:
Code: |
<div class="klasse">
lululu <b>lalala</b> lululu
</div>
<b>lilili</b>
|
nehme ich je das b oder das .klasse im head weg
wird jeweils das andere in der farbe angezeigt.
zusammen sollte es doch eigentlich nur die b elemente in der klasse ansprechen..
aber es tut sich garnix (alle schrift unverändert schwarz).
wäre sehr dankbar für hilfe
Zuletzt bearbeitet von Mentalo am Di 08.04.2008 13:33, insgesamt 2-mal bearbeitet
|
|
|
|
|
Cream
Dabei seit: 07.03.2006
Ort: .at
Alter: 37
Geschlecht:
|
Verfasst Di 08.04.2008 13:51
Titel Re: CSS: element in klasse ansprechen. |
|
|
Mentalo hat geschrieben: | zusammen sollte es doch eigentlich nur die b elemente in der klasse ansprechen.. |
nur wenn du es so schreibst:
Code: | <style>
.klasse b {color: #ff9900;}
</style> |
außer dem verwendet man <strong> und nicht <b>!!
Zuletzt bearbeitet von Cream am Di 08.04.2008 13:51, insgesamt 2-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
Mentalo
Threadersteller
Dabei seit: 05.03.2008
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 08.04.2008 13:55
Titel
|
|
|
ok, danke so gehts.
frag mich nur warum es dann in diversen erklärungen zb
"E.c (Selektiert jedes Element E der Klasse c)"
heißt.
das wäre doch in meinem fall
b.klasse
Zuletzt bearbeitet von Mentalo am Di 08.04.2008 13:56, insgesamt 1-mal bearbeitet
|
|
|
|
|
Cream
Dabei seit: 07.03.2006
Ort: .at
Alter: 37
Geschlecht:
|
Verfasst Di 08.04.2008 13:59
Titel
|
|
|
ich denke du hast es falsch verstanden
Zitat: | E.c (Selektiert jedes Element E mit der Klasse c)" |
|
|
|
|
|
Mentalo
Threadersteller
Dabei seit: 05.03.2008
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 08.04.2008 14:19
Titel
|
|
|
sorry, ich streng mein hirn grad gewaltig an...
und probiere rum... aber das E.c krieg ich nicht zum laufen.
könntest du mir ein kurzes beispiel geben wie man es anwendet?
wäre super.
|
|
|
|
|
zweitaccount
Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 08.04.2008 14:28
Titel
|
|
|
A.c -> jeder Link mit class 'c'
DIV.c -> jedes Div mit class 'c'
B.c -> jeder bold-Tag mit class 'c'
I.c -> jeder italic-Tag mit class 'c'
.c -> jedes Element mit class 'c'
DIV#blub A.c -> alle Links mit class 'c' innerhalb des DIVs mit der Id 'blub'
... verständlich?
|
|
|
|
|
Cream
Dabei seit: 07.03.2006
Ort: .at
Alter: 37
Geschlecht:
|
Verfasst Di 08.04.2008 14:30
Titel
|
|
|
okay i zeig da kurz was möglich ist
Code: | <style>
div.klasse b {color: #ff9900;}
</style>
<div class="klasse">
lululu <b>lalala</b> lululu
</div>
<b>lilili</b> |
Code: | <style>
b.klasse {color: #ff9900;}
</style>
<div>
lululu <b class="klasse">lalala</b> lululu
</div>
<b>lilili</b> |
Code: | <style>
b.klasse {color: #ff9900;}
</style>
<div>
lululu <b class="klasse">lalala</b> lululu
</div>
<b>lilili</b> |
Code: | <style>
input.klasse {color: #ff9900;}
</style>
<div>
<input class="klasse" type="text" />
</div>
<input type="text" /> |
Code: | <style>
.klasse b, .farbe {color: #ff9900;}
</style>
<div class="klasse">
lululu <b>lalala</b> lululu
</div>
<b>lilili</b>
<div class="farbe">lülülü</div>
|
der text for dem punkt bezeichnet das html-element welches die angegebene klasse (=text hinter dem punkt) hat
d.h. wenn du möchtest dass ein div mit der klasse einen roten text hat dann machst du es so:
Code: | <style>
div.klasse {color: #ff0000;}
</style>
<div class="klasse">
lululu </div> |
du kannst aber auch das div weglassen, dann wird das css auf alle elemente angewandt welche die selbe klasse besitzen, etwa so:
Code: | <style>
.klasse {color: #ff0000;}
</style>
<div class="klasse">
dieser text ist rot</div>
<p class="klasse">
dieser text ist auch rot</div>
|
jetzt besser???
|
|
|
|
|
Mentalo
Threadersteller
Dabei seit: 05.03.2008
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 08.04.2008 14:46
Titel
|
|
|
aah, jetzt hat der groschen geklingelt!
dank euch beiden!
|
|
|
|
|
|
|
|
Ähnliche Themen |
über css ein Element nach definiertem Element ansprechen
Aktiven Navigationspunkt mit Klasse ansprechen
jQuery welches Element hat die Klasse active
Du/Ihr/Sie ... wie soll man ansprechen?
[CSS] - Kindelemente ansprechen
SVG Objekte mit js ansprechen
|
|