Wie kann ich die Css für diesen Stil schreiben

Question

Hallo Ich versuche, die CSS von Wordpress-Themen zu bearbeiten, aber ich bleibe stecken, wenn ich diesen DIV-Stil sah.

 <li id="text-3" class="widget sbg_widget Phubadee widget_text"> 
     <h2 class="widgettitle sbg_title">Title Header</h2> 

Wie kann ich das CSS erstellen Wenn ich möchte: Titel: font-size: 1.6em;

Vielen Dank.

Answer 1

h2.widgettitle.sbg_title { font-size:1.6em } 

Erläuterung:

. ist ein Klasse-Selektor in CSS, Ihre h2 Klasse widgettitle und sbg_title, so möchten wir diese beiden wählen, indem . verwenden.

Beachten Sie, dass es keinen Raum zwischen widgettitle und den nächsten . sein kann, Raum Mittel ganz andere Sache, die jeden Nachkomme widgettitle die Klasse sbg_title

Answer 2

Es ist mehr Art und Weise hat, ist die Auswahl zu tun that.If Sie möchten, können Sie dies in den Sie

h2.widgettitle {font-size:1.6em;} 

CSS- oder wenn Sie spezifischere

sein

Answer 3

Sie das Element in vielerlei Hinsicht wählen können, versuchen Sie zum Beispiel

li#text-3 h2.sbg_title { 
    font-size: 1.6em; 
} 

Answer 4

Option 1:
.widgettitle.sbg_title {font-size: 1.6em;}

Option 2:
.sbg_title {font-size: 1.6em;}

Option 3:
.widgettitle {font-size: 1.6em;}

Answer 5

Es gibt viele Möglichkeiten, wie Sie es tun können. Irgendwelche von diesen arbeiten und es gibt mehr Wege, es zu tun!

li.widget h2 { font-size:1.6em } 

li.sbg_widget h2 { font-size:1.6em } 

h2 { font-size:1.6em } 

h2.widgettitle { font-size:1.6em } 

h2.sbg_title { font-size:1.6em } 

.widgettitle { font-size:1.6em } 

.sbg_title { font-size:1.6em } 

li h2 { font-size:1.6em } 

li>h2 { font-size:1.6em } 

li#text-3 h2 { font-size:1.6em } 

li#text-3 h2.widgettitle { font-size:1.6em } 

li#text-3 h2.sbg_title { font-size:1.6em } 

Wenn Sie über CSS-Selektoren lernen wollen, hat Sitepoint eine gute Aufschlüsselung von dem, was sie sind und wie sie funktionieren