Einschließlich Arten, die in einem anderen Stil

Also habe ich darüber nachgedacht, über dieses, und ich glaube nicht, dass dies existiert. Ich verstehe auch, dass meine Logik, meine Zähler werden mit dem, was stylesheets sind, die versuchen, um unterzubringen, aber let ' s give it a go:

Nehmen Sie das folgende Beispiel:

 //Example "template style"
 .blue_bold {
      color: blue;
      font-weight: bold;
      /* other styles can go here */
 }

Also sagen wir mal ich möchte hinzufügen, dass mein footer würde ich in meinem HTML gehen:

 <div class="blue_bold" id="footer">
      //Content goes here
 </div>

Dies ist perfekt, aber was ist, wenn ich möchte hinzufügen, dass, element zu einer Reihe von meinen Elementen. Sagen möchte ich hinzufügen, dass es für meine navigation als gut, ich würde dann noch hinzufügen, dass die Klasse für jedes element:

 <div class="blue_bold" id="navigation">
      //Content
 </div>
 ....
 <div class="blue_bold" id="footer">
      //Content
 </div>

Meine Frage ist, wie appose zu deklarieren, die es über eine Klasse oder Stil, gibt es keine Möglichkeit, auf "attach" der Stil ein anderer Stil in meine stylesheet? (als Beispiel:)

 #navigation, #footer  {
      attach_style(".blue_bold");
 }

So kann ich minimieren meine code durch die Schaffung von "Basis-Stile" und dann bauen Sie diese Formatvorlagen, um einzelne Formatvorlagen in meinem stylesheet? Dies ist wieder nur eine Frage, nicht etwas, das ich Wünsche, zu impliment, aber ich vermute, dass angesichts der oben genannten, es wäre ein "nice to have" für Menschen, die mit der sagen-Marke guideline-Dokumenten und-Anhängen möchten bestimmte Stile zu einzelnen Stilen, ohne das html zu tun.

Irgendwelche Ideen? Bedeutet, dass dies vorhanden ist?

Siehe : stackoverflow.com/questions/1065435/...

InformationsquelleAutor mauzilla | 2013-02-13

css

-3

Sehe keine Vorteile. Was Sie fordern ist nicht ein standard-CSS.
Sie können definieren, das für alle Elemente mit der Klasse blue_bold
```
.blue_bold {
     color: blue;
     font-weight: bold;
     /* other styles can go here */
}
```
Für diesen block
```
<div class="blue_bold" id="navigation"></div>
```
Können Sie fügen Sie einfach eine weitere Erklärung wie diese:
```
#navigation, #footer {
     background: black;
     color: red;
}
```
Alles aus .blue_bold verwendet werden, es sei denn, überschrieben. Was ist falsch daran?
- Das ist nicht die Frage. Das ist schon was Mautitz Swanepoel haben, und er genau das vermeiden wollen, mit blue_bold Klasse in der HTML-Datei.
- Es gibt nicht eine Lösung, ja WENIGER oder SASS sind keine Lösung. Die wirkliche Lösung wird eine syntax wie SASS oder WENIGER in die nächste version von css.
InformationsquelleAutor Mike
3

Können Sie es nicht mit reinem CSS. Benötigen Sie WENIGER, oder SASS/SCSS zu generieren CSS.

Syntax-Beispiele hier :

WENIGER
```
.blue_bold {
    color: blue;
    font-weight: bold;
}
#navigation, 
#footer {
    .blue_bold;
}
```
SCSS
```
.blue_bold {
    color: blue;
    font-weight: bold;
}
#navigation, 
#footer {
    @extend .blue_bold;
}
```
- Warum sollte er zusätzliche JavaScript-Bibliotheken, wenn Sie können das gleiche zu erreichen mit einfachen CSS?
- Denn das war die Frage : "Als appose zu deklarieren, die es über eine Klasse oder Stil, gibt es keine Möglichkeit, auf "attach" der Stil ein anderer Stil in meine stylesheet?". PS : Wann hast SASS-und LESS-wurde JavaScript-Bibliotheken ?
- Soweit ich weiß, WENIGER verwendet less.js zu "analysieren" .weniger Dateien.
InformationsquelleAutor zessx
0

werden Sie brauchen, um einen Blick auf sass oder weniger, Sie sind Ihre besten Optionen.

sass hier

weniger hier

InformationsquelleAutor fahad.kazi
0

Können Sie sass oder weniger, sondern ein mehr basic leichte Problemumgehung ist nur die Liste der Elemente in der css etwa so:
```
#navigation,
#footer,
.some-other-element,
.another-element
{
      //css styles go here that you want to apply to each element listed above
}
```
- Dies ist die Logik Problemumgehung, die ich nicht denken 🙂 Der einzige "Untergang", die ich sehen kann ist, dass wenn ich diese deklarieren und Fußzeile später menschliche Fehler könnte sein, fügen Sie Farbe, um 2 Elemente, so effektiv habe ich #footer erklärt, zweimal oder mehrere Male in der gleichen stylesheet werden können *** die Fehlersuche später 🙂 Aber das ist eine gute Idee
InformationsquelleAutor Billy Moat

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.