zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Begrifflichkeiten: Regel - Klasse

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 29.03.2016, 14:31
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.03.2016
Beiträge: 2
DDyrdek1992 befindet sich auf einem aufstrebenden Ast
Standard Begrifflichkeiten: Regel - Klasse

Hey,

Ich arbeite grade zum ersten Mal mit CSS und sitze an einer Arbeit für die Uni.
Daher habe ich noch ein Problem mit einigen Begrifflichkeiten.

Wenn ich den Selektor p wähle, werden bei Einbindung der CSS-Datei alle Paragraphen mit den entsprechenden Eigenschaften ausgestattet.

Wenn ich hingegen .meinButton eine CSS-Klasse erstelle kann ich diese z.B. mit .addStyleClass einem bestimmten Element hinzufügen.

Also einmal werden alle Elemente wie Überschriften (h1, etc.) oder Paragraphen (p) geändert und beim zweiten Ansatz werden nur die geändert denen ich ausdrücklich die Klasse hinzufüge.


Mein Problem ist, dass ich die beiden Ansätze begrifflich nicht auseinander halten kann. Handelt es sich bei beiden Ansätze um eine Style-Class? Wenn nicht, wie heißen sie dementsprechend?



Vielen Dank
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 29.03.2016, 14:45
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.247
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von DDyrdek1992 Beitrag anzeigen

Wenn ich hingegen .meinButton eine CSS-Klasse erstelle kann ich diese z.B. mit .addStyleClass einem bestimmten Element hinzufügen.
Nein, das stimmt nicht. Wenn du eine .meinButton Regel im CSS hast, dann musst du die Klasse "meinButton" einem Element zuordnen. .addStyleClass ist eine neue Klasse, die nichts mit meinButton zu tun hat.

Und das sind alles Regeln. Es ist nur ein Unterschied, wie du sie ansprichst. Du kannst alle meinButton-Klassen in einem Absatz ansprechen (p .meinButton) oder alle meinButton-Klassen auf deiner Seite ansprechen (.meinButton) Beides sind Regeln im CSS, bei beiden wird eine Klasse verwendet.

Du kannst Regeln auch ohne Klassen verwenden, wenn du zB alle Paragraphen, die direkt nach einer Überschrift kommen, ansprechen willst: (h1 + p).

Wo ist hier dein genaues Verständnisproblem? Was meinst du mit Style-Class?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 29.03.2016, 15:03
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.03.2016
Beiträge: 2
DDyrdek1992 befindet sich auf einem aufstrebenden Ast
Standard

Ok danke erstmal für die schnelle Antwort

Ich habe früher mal was in die Richtung gelernt, dass ich Überschrift mit

h1 {
font-size: 10
}

Oder so ähnlich ändern kann.

Nun habe ich in meinem Projekt aber gelesen bzw. angewendet, CSS so zu nutzen.

.meinElement {
font-size: 10,
color: red
}

Wenn ich nun in JavaScript z.B. einen Button oder sonst ein Element erstelle kann ich mit der Methode ".addStyleClass(meinElement)" die Klasse bzw. die Regel dem Element zuordnen. Also:

meinButton.addStyleClass(meinElement);


Oben sage ich quasi von Anfang an ohne spätere Zuweisung, dass diese CSS-Regel alle h1-Überschriften betreffen soll.
Mit dem unteren Ansatz erzeuge ich eine CSS-Regel (oder Klasse) und ordne diese später mit einer Methode dem Element zu, welches die Regel bekommen soll.


Ich weiß grade nur nicht ob das grundverschiedene Ansätze sind und ob es dafür verschiedene Begriffe gibt. Oder ob das genau das gleiche ist.
Mit Zitat antworten
  #4 (permalink)  
Alt 29.03.2016, 16:59
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von DDyrdek1992 Beitrag anzeigen
Wenn ich nun in JavaScript z.B. einen Button oder sonst ein Element erstelle kann ich mit der Methode ".addStyleClass(meinElement)" die Klasse bzw. die Regel dem Element zuordnen. Also:


meinButton.addStyleClass(meinElement);
Was macht denn diese Methode?

Zitat:
Zitat von DDyrdek1992 Beitrag anzeigen
Mit dem unteren Ansatz erzeuge ich eine CSS-Regel (oder Klasse) und ordne diese später mit einer Methode dem Element zu, welches die Regel bekommen soll.
Nein, du erzeugst nichts, vermutlich weist du dem Element diese Klasse zu. Die Klasse ist einfach ein CSS-Selektor und wenn du später einem Element diese Klasse zuweist, dann wird dieses Element auch die Attribute übernehmen (solange es keine gibt die von ihrer Spezifität höher sind)
Mit Zitat antworten
  #5 (permalink)  
Alt 29.03.2016, 17:24
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.247
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

Vergiss für deine Beispiele mal Javascript komplett, das ist alles reines CSS (natürlich in Kombination mit HTML), da solltest du dir erst mal anschauen, wie CSS überhaupt funktioniert und was eine Klasse ist, wie man Elemente anspricht etc.
Mit Zitat antworten
Antwort

Stichwörter
begrifflichkeit, css, klassen

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Link in div andere Klasse zuweisen Kroan CSS 5 14.09.2013 15:23
jquery.addClass() & Klasse unter ID Problem solick Javascript & Ajax 2 17.01.2011 21:57
foreach() jedem zweiten element andere klasse geben? sepp88 Serveradministration und serverseitige Scripte 2 26.09.2009 01:08
PHP OOP: Datenbankeintrag Klasse - ein paar theoretische Überlegungen braindead Serveradministration und serverseitige Scripte 17 24.07.2009 07:29
php Klassen - Einsatz und Sinn? paracelsus Serveradministration und serverseitige Scripte 306 17.02.2009 20:51


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:55 Uhr.