zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden CSS vereinfachen Webseite/Programm

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 07.11.2019, 02:43
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.10.2019
Beiträge: 4
htcs befindet sich auf einem aufstrebenden Ast
Standard CSS vereinfachen Webseite/Programm

Hallo Leute,

gibts es Programme / Webseiten, die CSS vereinfachen zusammenfassen.

Ich habe da welche die sind Kraut und Rüben und man sieht schon auf Anhieb ein paar Sachen die man zusammenfassen könnte, ist aber noch viel mehr.

Ich habe bis jetzt nur Webseiten gefunden, die ungenutzte Styles entfernen.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 07.11.2019, 11:23
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.009
cloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekannt
Standard

Nicht dass ich wüsste.
Ist auch schwer zum zusammenfassen da man ja nicht weiß, was wie zusammenhängt.

Code:
.el1 {
font-size: 12px;
}

.el3.el2 {
  font-size: 14px;
}

.el1.el2 {
font-size: 12px;
}

<p class="el1 el2 el3"> Text </div>
Hier kannst du die beiden regeln für font-size: 12px nicht einfach zusammenfassen da sonst das endergebnis verändert wird wenn die Reihenfolge nicht angepasst wird. Und wenn die Reihenfolge angepasst wird, wer weiß ob das nicht woanders zu falschen Auswirkungen führt?

Besser ist es, den bestehenden Code entweder zu refactoren oder falls das zu aufwändig ist, ihn als technical debt zu beahndeln und dafür neuen Code "besser" zu schreiben.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 07.11.2019, 13:43
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.10.2019
Beiträge: 4
htcs befindet sich auf einem aufstrebenden Ast
Standard

Meinst Du nicht, dass ein Programm das zusammenfassen könnte:

Code:
row {
  margin-top: 0;
  margin-bottom: 0;
}

.row:before,.row:after {
  content: " ";
  display: table
}

.row:after {
  clear: both
}

.row .row { /* kann weg */
  margin-top: 0;
  margin-bottom: 0;
}

.row .row:before,.row .row:after { /*kann weg*/
  content: " ";
  display: table
}

.row .row:after { /*kann weg*/
  clear: both
}
auch wenn das etwas versteckt ist:

Code:
row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 61.25rem
}

.row:before,.row:after {
  content: " ";
  display: table
}

.row:after {
  clear: both
}

.row.collapse>.column {
  padding-left: 0;
  padding-right: 0
}

.row .row {
  width: auto;
  margin-left: -0.625rem;
  margin-right: -0.625rem;
  margin-top: 0;
  margin-bottom: 0;
  max-width: none
}

.row .row:before,.row .row:after {
  content: " ";
  display: table
}

.row .row:after {
  clear: both
}
Mit Zitat antworten
  #4 (permalink)  
Alt 07.11.2019, 18:17
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.928
protonenbeschleuniger 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

Nach welcher Logik sollte ein Programm da vorgehen?
Mit Zitat antworten
  #5 (permalink)  
Alt 07.11.2019, 21:08
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.10.2019
Beiträge: 4
htcs befindet sich auf einem aufstrebenden Ast
Standard

Wenn ein Attribut für .row definiert ist, ist es da nicht überflüssig,

das gleiche für .row .row nochmal hinzuschreiben, weil sowieso schon gilt?
Mit Zitat antworten
  #6 (permalink)  
Alt 07.11.2019, 22:58
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 10.07.2018
Beiträge: 114
Sailor56 befindet sich auf einem aufstrebenden Ast
Standard

Da solltest du dich noch mal etwas näher mit CSS Selektoren beschäftigen!
Mit .row und .row .row werden 2 unterschiedliche Elemente angesprochen.
Mit .row alle die die Klasse row haben.
Mit .row .row alle die mit Klasse .row, die Kindelement von einem Element mit Klasse row sind.
Mit Zitat antworten
  #7 (permalink)  
Alt 07.11.2019, 23:06
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.10.2019
Beiträge: 4
htcs befindet sich auf einem aufstrebenden Ast
Standard

Und wenn was für .row schon definiert ist, dann ist es nicht überflüssig das gleiche nochmal für .row mit noch zusätzlicher Bedingung?
Mit Zitat antworten
  #8 (permalink)  
Alt 08.11.2019, 07:29
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 10.07.2018
Beiträge: 114
Sailor56 befindet sich auf einem aufstrebenden Ast
Standard

https://jsfiddle.net/1adtLe06/
Mit Zitat antworten
  #9 (permalink)  
Alt 08.11.2019, 08:27
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.928
protonenbeschleuniger 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

Wie gesagt es geht um Logik. Ein Programm kann nicht ahnen was du meinst oder Thesen aufstellen was du für überflüssig hälst. Es kann immer nur klar definierten Regeln folgen und die müssen einer einfachen definierten Logik folgen.

Diese ist schon für uns nicht erkennbar.

Geändert von protonenbeschleuniger (08.11.2019 um 09:46 Uhr)
Mit Zitat antworten
Sponsored Links
Antwort

Stichwörter
css, programm, vereinfachen, webseite

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
Redesign für Steiner Cycling Team pkipper Site- und Layoutcheck 11 09.02.2011 13:25
Einbindung von frei erhältlichen Scripten - CSS Problem DonL CSS 1 22.01.2011 17:09
MYspace mehr als nur CSS oder ? Vinceone CSS 0 12.07.2007 03:21
Eric Meyer's CSS Petty Ressourcen 0 21.11.2005 09:18
Mozilla ignoriert externes css DarkWanderer CSS 9 22.09.2005 12:39


Alle Zeitangaben in WEZ +2. Es ist jetzt 01:26 Uhr.