Wie kann ich die Schriftgröße einer CSS-Klassenregel mit jQuery ändern, ohne dass sich dies auf andere Stile in derselben Klasse auswirkt?

So ändern Sie CSS-Klassenregeln dynamisch mit jQuery

Frage:

Sie möchten CSS-Klassenregeln im Handumdrehen mit jQuery anpassen, insbesondere modifizieren die Schriftgröße ohne Auswirkungen auf andere Stile innerhalb einer bereitgestellten Klasse (.classname). Darüber hinaus suchen Sie nach einer Methode, um die aktualisierten Klassenänderungen in einer Datei zu speichern.

Antwort:

CSS-Klassenregeln mit jQuery ändern

Leider In jQuery selbst fehlt die native Unterstützung für die direkte Änderung von CSS-Klassen. Hier ist jedoch ein alternativer Ansatz mit JavaScript:

<code class="javascript">// Select the CSS rule for the target class (`classname`)
const rule = document.styleSheets[0].cssRules[0];

// Adjust font size specifically
rule.style.fontSize = "16px";</code>

CSS-Klassenänderungen in einer Datei speichern

Um die geänderten CSS-Regeln in einer Datei zu speichern, befolgen Sie diese Schritte :

1. Scraping der CSS-Deklarationen mit dem folgenden Skript:

   <code class="javascript">// Function to extract CSS declarations from a rule
   function getDeclarations(rule) {
     let declarations = [];
     for (let i = 0; i < rule.cssText.length; i++) {
    declarations.push(rule.cssText[i].trim());
     }
     return declarations;
   }
   
   // Save declarations to a variable
   const declarations = getDeclarations(rule);</code>

2. Konstruieren Sie einen CSS-String aus den gesammelten Deklarationen:

   <code class="javascript">// Create a CSS string
   const cssString = declarations.join(";\n");</code>

3. Initiieren Sie eine Ajax-POST-Anfrage, um die CSS-Zeichenfolge in einer serverseitigen Datei zu speichern.

Zusätzliche Hinweise:

• Die bereitgestellte JavaScript-Lösung wird in den wichtigsten Browsern unterstützt, einschließlich Internet Explorer 6.
• Der Dateispeichervorgang erfordert eine serverseitige Handhabung, die hier nicht behandelt wird.
• Erwägen Sie die Verwendung eines CSS Präprozessor (z. B. Less, Sass) zur einfacheren Manipulation von CSS-Variablen.

Das obige ist der detaillierte Inhalt vonWie kann ich die Schriftgröße einer CSS-Klassenregel mit jQuery ändern, ohne dass sich dies auf andere Stile in derselben Klasse auswirkt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!