mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 11:08 Benutzername: Passwort: Auto-Login

Thema: CSS: element in klasse ansprechen. vom 08.04.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> CSS: element in klasse ansprechen.
Seite: 1, 2  Weiter
Autor Nachricht
Mentalo
Threadersteller

Dabei seit: 05.03.2008
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 08.04.2008 13:31
Titel

CSS: element in klasse ansprechen.

Antworten mit Zitat Zum Seitenanfang

hallo, kurze frage.. warum funktioniert das nicht? Menno!



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 * Ich bin unwürdig *


Zuletzt bearbeitet von Mentalo am Di 08.04.2008 13:33, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
Cream

Dabei seit: 07.03.2006
Ort: .at
Alter: 37
Geschlecht: Männlich
Verfasst Di 08.04.2008 13:51
Titel

Re: CSS: element in klasse ansprechen.

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Mentalo
Threadersteller

Dabei seit: 05.03.2008
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 08.04.2008 13:55
Titel

Antworten mit Zitat Zum Seitenanfang

ok, danke so gehts.
frag mich nur warum es dann in diversen erklärungen zb

"E.c (Selektiert jedes Element E der Klasse c)" *Huch*

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
  View user's profile Private Nachricht senden
Cream

Dabei seit: 07.03.2006
Ort: .at
Alter: 37
Geschlecht: Männlich
Verfasst Di 08.04.2008 13:59
Titel

Antworten mit Zitat Zum Seitenanfang

ich denke du hast es falsch verstanden

Zitat:
E.c (Selektiert jedes Element E mit der Klasse c)"
  View user's profile Private Nachricht senden
Mentalo
Threadersteller

Dabei seit: 05.03.2008
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 08.04.2008 14:19
Titel

Antworten mit Zitat Zum Seitenanfang

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. * Ich bin unwürdig *
  View user's profile Private Nachricht senden
zweitaccount

Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 08.04.2008 14:28
Titel

Antworten mit Zitat Zum Seitenanfang

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?
  View user's profile Private Nachricht senden
Cream

Dabei seit: 07.03.2006
Ort: .at
Alter: 37
Geschlecht: Männlich
Verfasst Di 08.04.2008 14:30
Titel

Antworten mit Zitat Zum Seitenanfang

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???
  View user's profile Private Nachricht senden
Mentalo
Threadersteller

Dabei seit: 05.03.2008
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 08.04.2008 14:46
Titel

Antworten mit Zitat Zum Seitenanfang

aah, jetzt hat der groschen geklingelt!
dank euch beiden! Lächel
  View user's profile Private Nachricht senden
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.