Wie Klasse zu jedem Element mit HTML, nur CSS hinzufügen?

-3

Ich möchte die Klasse "responsive-table" zu jedem Tabellenelement auf meiner Seite hinzufügen. Was soll ich machen?Wie Klasse zu jedem Element mit HTML, nur CSS hinzufügen?

Quelle

2017-12-31 Abhinav Panse

Gehen Sie voran und fügen Sie 'class =„responsive-Tabelle“' zu jeder '

'Element auf deiner Seite! – connexo

können Sie erklären warum? so weit ich weiß, muss der coder codieren, also müssen sie dem benötigten element klassen hinzufügen ... es ist so, wie du gesagt hast: * wie soll ich code schreiben, ohne code zu schreiben * –

Es wird erwartet, dass du wenigstens versuchst zu coden das für dich selbst. Stack Overflow ist kein Code-Schreibdienst. Ich würde vorschlagen, dass Sie einige [** zusätzliche Forschung **] (http://meta.stackoverflow.com/questions/261592/how-much-research-effort-is-sected-of-stack-overflow-users) tun entweder über Google oder durch die Suche nach SO, versuchen und. Wenn Sie immer noch Probleme haben, kommen Sie zurück mit ** Ihrem Code ** und erklären Sie, was Sie versucht haben. –

Antwort

Sie müssen sie manuell hinzufügen; Es gibt leider keine Möglichkeit, dies nur mit HTML und CSS zu tun. (Dann wieder, wenn Sie könnten, würden sie nur ein weiterer Javascript geworden ...)

Quelle

2017-12-31 10:06:44 Vincent

Wenn Sie wirklich die Zeit nehmen wollen, es zu tun, fügen Sie einfach class="responsive-table" zwischen den Karotten, wie dies zum Beispiel:

Aber wenn Sie bereits die gleiche Klasse zu jedem Teil Ihrer Tabelle hinzufügen, indem Sie nur CSS verwenden, warum legen Sie nicht einfach das gewünschte CSS für 'reaktionsfähige Tabelle' in den Tabellenabschnitt?

das heißt statt .responsive-table {/* your css here */}

Sie nur table {/* your css here */} tun?

Quelle

2017-12-31 10:10:53 Jonathan

Warum sollte er die Klasse zu einer Tabellenzeile anstatt der Tabelle selbst hinzufügen? – connexo

@connexo Es war nur ein Beispiel dafür, wie man einem html Element eine Klasse hinzufügt, obwohl du recht hast - '

' wäre in dieser Situation besser geeignet. – Jonathan

Verwendung jquery

<script> 
    $("table").addClass("responsive-table"); 
</script>

, wenn Sie nicht wissen, wie jQuery verwenden dann fügen Sie einfach diese Zeile im Kopf Abschnitt

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

und setzen Sie dann den Code oben auf Ihrer Seite, wo Sie eine Klasse hinzufügen möchten.

Quelle

2017-12-31 10:11:13

aber er sagte nur mit html/CSS –

aber ich glaube nicht, dass es möglich ist. Deshalb habe ich eine Alternative veröffentlicht. –

Um dieses Problem mit Hilfe von CSS zu lösen, nur voran gehen Sie wie folgt vor:

den CSS-Block finden, die Regeln für .responsive-table erklärt, die wie folgt beginnen sollten:

.responsive-table { /* rules here */ }

Dann fügen Sie die Elementselektoreinrichtung für Tisch

.responsive-table, table { /* rules here */ }

Quelle

2017-12-31 10:11:50 connexo

Wenn Sie alle Tabelle werden "wollen: Elemente alle Tabellen sind aufeinander abgestimmt, um sicherzustellen, .responsive-table "dann warum nicht alle '.responsive-table' CSS-Code unter table Selektor wie folgt?

Quelle

2017-12-31 10:16:15 Hanif

Sie können Klassen nicht dynamisch zu jedem Tabellenelement auf Ihrer Webseite hinzufügen, indem Sie nur html und css verwenden. Wenn Sie jeder Tabelle auf Ihrer Webseite eine Klasse hinzufügen möchten, müssen Sie dies manuell tun. oder wenn Sie gleiche CSS auf alle Tabellen auf Ihrer Webseite hinzufügen möchten, versuchen ‚table‘ Elementselektoreinrichtung mit CSS wie folgt:
table { /* add your css here */ }

Quelle

2017-12-31 17:39:15

Verwandte Themen