CSS-Klasse Wiederverwendung/auto bevölkert

Question

sagen, dass ich ein CSS-Klassennamen

div.TestClass 
{ 
    float:left;etc// 
} 

span.SpanTestClass 
{ 
    float:right;etc// 
} 

auf meiner Form habe, habe ich viele Spannweiten und divs bekommt.

gibt es eine einfache Möglichkeit, alle Klassen für meine Spannen und Divs zu implementieren, anstatt sie alle zu tippen, wenn ich ein neues Span oder Div erstellen? statt dessen:

<span id=span1 class=SpanTestClass></span> 
<span id=span2 class=SpanTestClass></span> 
<span id=span3 class=SpanTestClass></span> 
<span id=span4 class=SpanTestClass></span> 

wie so:

<div id="someDiv" class="someclass"> 
<span id=span1></span> 
<span id=span2></span> 
<span id=span3></span> 
<span id=span4></span> 
</div> 

Prost

Answer 1

CSS

.someDiv{ 
color:#353535; 
} 

.someDiv span{ 
font-weight:bold; 
color:red; 
} 

01 ausrichten können

HTML

<div class="someDiv"> 

Hello <span>World!</span> 

</div> 

Jeder Span-Tag innerhalb eines div mit 'someDiv', wie es Klasse ist rot + fett gedruckten Text haben.

Answer 2

Ja, Sie die Spannweiten mit

#someDiv span { 
    // 
} 

Answer 3

Es gibt keine Möglichkeit, IDs und Klassen von übergeordneten Elementen auf untergeordnete Elemente anzuwenden, was meiner Meinung nach von Ihnen verlangt wird. Es gibt auch keinen Grund zu müssen.

HTML:

<div id="divid" class="divclass"> 
    <span class="otherclass"> ... </span> 
    <span class="otherclass"> ... </span> 
    <span> ... </span> 
    <span> ... </span> 
    <a href="#" class="otherclass"> ... </a> 
</div> 

Wenn Sie alle Elemente in diesem speziellen div Ziel:

#divid * { 
    ... 
} 

Wenn Sie alle Spannweiten in diesem speziellen div Ziel:

#divid span { 
    ... 
} 

Wenn Sie alle Elemente in diesem spezifischen div mit einer Klasse der anderen Klasse targetieren möchten:

#divid .otherclass { 
    ... 
} 

Wenn Sie zielen möchten, reicht nur in diesem speziellen div mit einer Klasse von Other:

#divid span.otherclass { 
    ... 
} 

Wenn Sie alle divs mit divclass ausrichten möchten (statt nur das mit divid), einfach ersetzen Sie #divid durch .divclass in allen oben genannten.