CSS-Heben Sie die Eigenschaften eines Elements, wenn Sie den Cursor auf einen anderen bewegen. Pseudoklasse

In den nächsten Absätzen möchte ich den Selektor der allgemeinen verwandten Elemente (oder ~) und seiner möglichen Anwendung näher in Betracht ziehen.
Um diesen Artikel zu schreiben, wurde ich von einer kleinen Prävalenz von Informationen über ihn geschoben.

Was ist das?

Die Hauptaufgabe des Selektors der allgemeinen verwandten Elemente ist die Auswahl eines Elements (en), das nach einem gegebenen Gegenstand auftritt, und mit einem gemeinsamen Elternteil mit sich.
Mandes all das wie folgt:
A ~ B (Stil)wo EIN. und B. - String-Werte, die den Selektor definieren. stil. - anwendbare Eigenschaften.
Beispiel
HTML:

Titel

Untertitel 1.

Es ist ein Absatz mit Text

Untertitel 2.

Dies ist der in der Spanne gerahmtext

​

CSS:
H1 ~ H2 (Farbe: rot;)
Infolgedessen werden die Header H2 in Rot lackiert, weil Sie haben ein gemeinsames Elternteil mit der Überschrift H1 und in dem Code, den sie danach stehen.

Wenn das Element über der Quelle steht, wird es nicht ausgewählt.

Es sollte daran erinnert werden, dass nur die Elemente, die einen gemeinsamen Elternteil mit dem Original haben, und nicht diejenigen, die nur einen gemeinsamen Vorfahren haben, ausgewählt sind. Es zeigt das zweite Beispiel gut.

Beispiel

Titel

Untertitel 1.

Es ist ein Absatz mit Text

Untertitel 2.

Dies ist der zweite Absatz mit Text. Dies ist der in der Spanne gerahmte Text, der sich in Absatz befindet

​

Infolgedessen wird nichts rot unterschieden, weil Elternelement span - P und Element H1 - Artikel.
Um rot zu werden, ist es notwendig, es entweder auf einer Ebene mit H1 aus dem Absatz zu nehmen oder dies zu tun:

Verwendung mit: Hover

Meiner Meinung nach zeigt der gesamte Hilfswähler "A ~ B" in einem Bündel mit den Ereignissen von Elementen, wie zum Beispiel: Hover, Fokus usw.
Wenn dies früher möglich war, den Elementstil nur zu ändern, wenn Sie den Mauszeiger darauf bewegen, können Sie die Verwendung des Selektors von verallgemeinerten verwandten Elementen dazu bringen, den Stil eines anderen Elements als das Ereignis zu ändern, das passiert ist.

Symbolisch (im Fall von: Hover) sieht es so aus:
A: Hover ~ B (Stil)wo EIN. - das Element, an dem der Mauszeiger schwebt, und auf B. Neue Stilregeln werden verteilt.

Beispiel

HTML:
Bewegen Sie den Zeiger auf diese Inschrift und Blöcke werden grün

​

Div (Breite: 100px; Höhe: 50px; Rand: 5px; Hintergrund: grau;) span: schwebt ~ div (Hintergrund: grün;)

Infolgedessen werden die Blöcke beim Besuch der Inschrift zu einer grünen Farbe.

Paint Block Nummer 2 in grüner Farbe
Paint Block Nummer 1 in blauer Farbe

​

CSS: Spannweite (Cursor: Zeiger;) div (Breite: 100px; Höhe: 50px; Rand: 5px; Hintergrund: grau;) .span1: schweben ~ .block2 (Hintergrund: grün;) .span2: schweben ~ .block1 (Hintergrund : Blau;)

Sie können sich so anwenden:
HTML:
Malen Sie den Block in Rot
Lackblock in blauer Farbe
Malen Sie den Block in grün

​
CSS: Spannweite (Cursor: Zeiger;) div (Breite: 100px; Höhe: 50px; Rand: 5px; Hintergrund: grau;) .spanred: HOVER ~ .BLOCK (Hintergrund: rot;) .spanblue: schweben ~ .block (Hintergrund : Blau;) .spangreen: schwebt ~ .block (Hintergrund: grün;)
Demo

Anime.

Ein sehr interessanter Effekt kann in Aggregat mit neuen CSS3-Funktionen erreicht werden. Beispielsweise wird in dem Beispiel unten die Übergangseigenschaft verwendet.

Beispiel

HTML:
Recht Links Oben Nieder

​
CSS: Span (Position: absolut; Anzeige: Block; Breite: 100px; Höhe: 50px; Rand: 10px; Hintergrund: Silber; Cursor: Zeiger;) .Left (oben: 12%;) .recht (oben: 12%; Links: 40%;) .top (links: 20%;) .down (oben: 25%; links: 20%;) .block (Position: absolut; oben: 50%; rechts: 50%; Breite: 100px; Höhe: 50px; Rand: 5px; Hintergrund: grau; -webkit-Transosition: Alle 2er Leichtigkeit; -O-Transosition: Alle 2s Leichtigkeit; -Moz-Transosition: Alle 2s Leichtigkeit;) .recht: schweben ~ .block (rechts: 10%;) .Left: Hover ~ .block (rechts: 90%;) .top: schweben ~ .block (oben: 10%;) .down: schweben ~ .block (oben: 90%;)
Demo

Wie Sie sehen, hat der Selektor generalisierter verwandter Elemente eine ausreichende Anzahl an interessanten Gebrauchsweisen. IM in letzter Zeit CSS ist weit fortgeschritten und ermöglicht es Ihnen, zu erkennen, was bisher nur mit JavaScript möglich war.
Aber immer noch, meiner Meinung nach, wenn Sie Analogien durchführen, ist CSS eine mechanische Komponente (wenn Sie möchten - "Eisen"), die nicht zur Erstellung von Logik vorgesehen ist. JavaScript kann zum Beispiel als "Software" fungieren.
In diesem Artikel habe ich also versucht, das Thema des Selektors der generalisierten verwandten Elemente anzuzeigen. Es stellte sich heraus oder nicht, um Sie zu beurteilen.

Um die Eigenschaft eines bestimmten Elements in CSS zu ändern, gibt es ein solches Konzept als Selektor : schweben.
Besonders weit verbreitet. schweben. Erwirft, wenn Sie die Link-Eigenschaft ändern müssen, wenn Sie den Cursor bewegen. Zum Beispiel können wir den Link leicht betonen, der standardmäßig nicht hervorgehoben wird:

Lektionen, CSS-Rezepte

Mittels eINE VERBINDUNG. und a: besucht Wir haben Eigenschaften für alle Links hingewiesen, einschließlich derjenigen, mit denen der Benutzer früher bestanden hat ( : hat besucht). Alle Links erwerben grün und werden einem gewöhnlichen Text, ohne Unterstrich. Während a: Hover. Gibt einen Hinweis darauf, den Link mit jedem schwebenden Cursor hervorzuheben.
Auf dieselbe Weise können wir beim Schweben einer Maus ein Bordbild hinzufügen:

S. einfache BeispieleWir wenden sich an eine seltenere Aufgabe, die in den Titel des Artikels eingesetzt wurde. Wie kann man die Eigenschaften eines untergeordneten Elements ändern, wenn Sie den Cursor mit dem Elternelement bewegen?
Die Situation ist sehr einfach erlaubt. Zunächst wird das übergeordnete Element mit dem Selektor stimmberechtigt : schweben Dann gibt es eine Bezeichnung eines untergeordneten Elements, das umgewandelt werden muss:

Leben leben
nicht stile CSS. Lernen.

CSS lernen, nicht Leben leben.

Wenn Sie den ersten Satz besuchen, Text im Tag im Tag rot markiert. In diesem Fall, Teil außerhalb Es bleibt grün. Außerdem ändert sich die Farbe nicht, wenn Sie den Cursor zum unteren Text, der sich außerhalb des Tags befindet, bewegt

.
Damit das Rezept visueller geworden ist, lasst uns Beton ansteigen technische Aufgabe: Es gibt einen Block Div. innerhalb von denen zwei Bilder platziert werden. Das erste Bild ist gezeigt, und der zweite - versteckt und sollte nur angezeigt werden, wenn Sie die Maus bewegen Div..
Die Rezeptlösung ist einfach:

: Wenn Sie den Cursor auf dem Monitorbild bewegen, wird in der oberen linken Ecke ein Pfeil mit einem grünen Schatten angezeigt. Wenn der Benutzer den Cursor aus dem Bild entfernt, Bild playbutton.png. verschwindet wieder.

Es lohnt sich, daran zu erinnern, dass das Design div # Block: Hover in dem Fall angewendet, wann

es gibt id \u003d "block" . Wenn es um den Unterricht geht klasse \u003d »Block» Verwenden Sie den Punkt div.block: schweb .

Pseudoclasses bestimmen den dynamischen Zustand der Elemente, die sich mit den Aktionen des Benutzers sowie die Position in der Dokumentbaum ändern. Ein Beispiel für einen solchen Zustand ist ein Textlink, der seine Farbe ändert, wenn sie auf den Mauszeiger blüht. Bei der Verwendung von Pseudo-Schulen überlastet der Browser das aktuelle Dokument nicht, sodass Sie mit Pseudo-Schulen verschiedene dynamische Effekte auf der Seite erhalten.

Die Syntax der Anwendung von Pseudoclass ist als nächstes.

Wahlschalter: Pseudo-Klasse (Beschreibung der Stilregeln)

Zunächst ist der Selektor angegeben, um der Pseudoklasse hinzugefügt zu werden, dann folgt der Darm dem Namen Pseudoclassa. Es dürfen Pseudo-Klassen auf die Namen von Bezeichnern oder Klassen anwenden (A.Menu: Hover (Farbe: Grün)) sowie auf kontextuelle Selektoren ( .Menu A: Hover (Hintergrund: # FC0)). Wenn die Pseudo-Klasse ohne einen ausgewählten Wähler angegeben ist (: HOVER), gilt es für alle Elemente des Dokuments.

Konditionell sind alle Pseudoclasses in drei Gruppen unterteilt:

• den Zustand der Elemente definieren;
• bezogen auf den Baum von Elementen;
• angabe der Sprache des Textes.

Pseudoclasses, die den Status der Elemente bestimmen

Diese Gruppe enthält Pseudoclass, die den aktuellen Status des Elements erkennen und den Stil nur für diesen Zustand verwenden.

: Aktiv

Passiert, wenn der Benutzer aktiviert ist. Beispielsweise wird der Link aktiv, wenn Sie den Cursor betrachten, und klicken Sie auf die Maus. Trotz der Tatsache, dass fast jedes Element der Webseite aktiv sein kann, wird die Pseudoklasse: Active hauptsächlich für Referenzen verwendet.

: Verknüpfung.

Es gilt für ungepflegte Verbindungen, d. H. Diese Links, auf die der Benutzer noch nicht gedrückt hat. Der Browser speichert die Verlauf der Besuche für einige Zeit, sodass die Referenz mindestens markiert werden kann, da der Übergang zuvor aufgezeichnet wurde.

Aufnahme A (...) und A: Link (...) ist gleich seinem Ergebnis, da der Browser den gleichen Effekt angibt, sodass die Pseudo-Klasse: Link nicht angezeigt werden kann. Eine Ausnahme ist, auf ihnen Action: Link gilt nicht.

: Fokus

Es wird bei Erhalt des Fokus auf den Artikel angewendet. Beispielsweise bedeutet für ein Textform den Fokusleidem, dass der Cursor in dem Feld installiert ist, und der Text kann mit der Tastatur in sie eingegeben werden (Beispiel 15.1).

Beispiel 15.1. Anwendung Pseudoclass: Fokus

HTML5 CSS 2.1 IE CR OP OP FX

Das Ergebnis des Beispiels ist unten gezeigt (Abb. 15.1). Die zweite Zeile enthält den Cursor, sodass das Textfeld Fokus empfangen wird.

In diesem Beispiel enthält das Textfeld einen vorläufigen Text, er wird durch den Wert des Werts des Wertes des Tags bestimmt . Wenn Sie auf das Formularelement klicken, wird das Fokusfeld erhalten, und die Textfarbe ändert sich auf rot. Es reicht aus, klicken Sie auf eine beliebige Stelle auf der Seite (außer dem Textfeld natürlich), wie der Fokusverlust auftritt, und der Text kehrt zur ursprünglichen schwarzen Farbe zurück.

Das Ergebnis ist nur für diese Elemente sichtbar, die den Fokus erhalten können. Insbesondere sind dies Tags , , und .</p> <h3>: schweben</h3> <p>Pseudo-Klasse: Der Hover ist aktiviert, wenn der Mauszeiger innerhalb des Elements liegt, aber es tritt jedoch nicht auf.</p> <p>Diese Pseudoclass gilt für besuchte Verbindungen. In der Regel ändert diese Verbindung ihre Standardfarbe auf violett, aber mithilfe von Farbfarben und anderen Parametern können unabhängig voneinander eingestellt werden (Beispiel 15.2).</p> <p>Beispiel 15.2. Farbverbindungen ändern</p> <p>HTML5 CSS 2.1 IE CR OP OP FX</p><p> <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Pseudoklasse</title> <style> A:link { color: #036; /* Цвет непосещенных ссылок */ } A:visited { color: #606; /* Цвет посещенных ссылок */ } A:hover { color: #f00; /* Цвет ссылок при наведении на них курсора мыши */ } A:active { color: #ff0; /* Цвет активных ссылок */ } </style> </head> <body> </body> </html> </p><p>Das Ergebnis des Beispiels ist in Fig. 2 gezeigt. 15.2.</p> <p><img src='https://i1.wp.com/htmlbook.ru/files/images/samcss/fig15-2.png' width="100%" loading=lazy loading=lazy></p> <p>In diesem Beispiel wird die Verwendung von Pseudoschulen zusammen mit Referenzen gezeigt. Gleichzeitig ist es in der Reihenfolge der Pseudoclass wichtig. Zunächst wird er angezeigt: besucht, und geht dann: Hover, sonst besuchte Links werden Ihre Farbe nicht ändern, wenn Sie den Cursor bewegen.</p> <p>Selektoren können mehr als einen Pseudo-Klassen enthalten, der durch einen Doppelpunkt in einer Reihe aufgeführt sind, jedoch nur, wenn sich ihre Aktionen nicht gegenseitig widersprechen. Aufnahme A: Aufnahme A: besucht: HOVER ist korrekt und Aufnahme A: Link: besucht ist nicht. Wenn der CSS-Validator jedoch formell nähert, berücksichtigt der CSS-Validator jedoch eine Kombination von Pseudoklasse.</p> <p>Mit Internet Explorer 6 und der jüngere Browser können Sie die Pseudo-Klasse verwenden: Active und: Nur für Links. Ab Version 7.0 arbeiten Pseudoclasses in diesem Browser für andere Elemente.</p> <p>Pseudo-Klasse: Der Hover muss nicht auf Links angewendet werden, sie kann zu anderen Elementen des Dokuments hinzugefügt werden. So wird in Beispiel 15.3 eine Tabelle gezeigt, deren Saiten ihre Farbe ändern, wenn Sie den Mauszeiger aufheben. Dies wird auf Kosten des Zugabe von Pseudoclass erreicht: Hover zum TR-Selektor.</p> <p>Beispiel 15.3. Hervorhebung von Tischzeilen</p> <p>HTML5 CSS 2.1 IE CR OP OP FX</p><p> <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Pseudoklasse</title> <style> table { border-spacing: 0; } td { padding: 4px; } tr:hover { background: #fc0; /* Меняем цвет фона строки таблицы */ } </style> </head> <body> <table width="400" border="1"> <tr> <th></th> <th>Peaks</th> <th>Clubs</th> <th>Diamanten</th> <th>Herzen</th> </tr> <tr> <td>Cheburashka</td> <td>5</td><td>2</td><td>4</td><td>2</td> </tr> <tr> <td>Krokodil Gena</td> <td>2</td><td>7</td><td>1</td><td>3</td> </tr> <tr> <td>Shapoklyak.</td> <td>5</td><td>4</td><td>3</td><td>1</td> </tr> <tr> <td>Rattenlarisa.</td> <td>1</td><td>0</td><td>5</td><td>7</td> </tr> </table> </body> </html> </p><p>Das Ergebnis des Beispiels ist unten gezeigt (Abb. 15.3).</p> <p><img src='https://i0.wp.com/htmlbook.ru/files/images/samcss/fig15-3.png' width="100%" loading=lazy loading=lazy></p> <h2>Pseudoclasses im Zusammenhang mit dem Dokumentbaum</h2> <p>Diese Gruppe enthält Pseudoclasses, die die Position des Elements in der Dokumentbaum bestimmen und den Stil je nach Status anwenden.</p> <h3>: Erstes Kind</h3> <p>Es wird auf das erste Nebenelement des Selektors angewendet, das sich in dem Baum der Dokumentenelemente befindet. Dass klar wurde, worum es dabei ist, werden wir einen kleinen Code analysieren (Beispiel 15.4).</p> <p>Beispiel 15.4. Verwenden von Pseudoclass: First-Child</p> <p>HTML5 CSS 2.1 IE CR OP OP FX</p><p> <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Pseudoklasse</title> <style type="text/css"> B:first-child { color: red; /* Красный цвет текста */ } </style> </head> <body> <p><b>Lorem Ipsum.</b> Dolor sitze amet, <b>konsapetuer.</b> Adipisting. <b>elit.</b>, SED Diem nichtweg Nibh Euismod Tincidunt UT Lacreet Dolore Magna Aliguam Erat Voluttpat.</p> <p><b>UT Wisis Enim.</b> Ad minim veniam, <b>quis nostrud.</b> Übung UllamCorper Suscipit Lobortis Nisl UT Aliquip Ex EA <b>commodo konsequent.</b>.</p> </body> </html> </p><p>Das Ergebnis des Beispiels ist unten gezeigt (Abb. 15.4).</p> <p><img src='https://i1.wp.com/htmlbook.ru/files/images/samcss/fig15-4.png' width="100%" loading=lazy loading=lazy></p> <p>Feige. 15.4. Verwenden von Pseudoclass: First-Child</p> <p>In diesem Beispiel wird die Pseudoklasse: Das erste Kind wird dem Selektor B hinzugefügt und setzt den roten Text dafür ein. Obwohl Behälter <b> Es befindet sich im ersten Absatz dreimal, nur die erste Erwähnung wird in Rot zugeteilt, d. H. Der Text "Lorem Ipsum". In anderen Fällen der Inhalt des Containers <b> In schwarz angezeigt. Mit dem folgenden Absatz beginnt alles wieder, da sich das übergeordnete Element geändert hat. Daher wird der Ausdruck "UT Wisis Enim" auch rot hervorgehoben.</p> <p>Der Internet Explorer-Browser unterstützt die Pseudoclass: First-Child beginnend mit Version 7.0.</p> <p>Pseudo-Klasse: Das erste Kind ist der bequemste, der in Fällen verwendet wird, in denen Sie einstellen möchten <a href="https://comuedu.ru/de/operating-systems/kakoi-kod-chernogo-cveta-cvet-v-stilyah-mozhno-zadavat-raznymi.html">anderen Stil</a> Für die erste und andere Elemente desselben Typs. In einigen Fällen ist beispielsweise in einigen Fällen die rote Zeichenfolge für den ersten Absatz des Textes nicht installiert, und fügen Sie für die verbleibenden Absätze eine Einrückung der ersten Zeile hinzu. Verwenden Sie zu diesem Zweck die Text-Indent-Eigenschaft mit dem gewünschten Wert des Einzusatzes. Um den Stil des ersten Absatzes zu ändern und den Gedankenstrich für ihn zu entfernen, müssen Sie die Pseudolass nutzen: Erstkind (Beispiel 15.5).</p> <p>Beispiel 15.5. Einrückungen für Absätze.</p> <p>HTML5 CSS 2.1 IE CR OP OP FX</p><p> <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Pseudoklasse</title> <style> P { text-indent: 1em; /* Отступ первой строки */ } P:first-child { text-indent: 0; /* Для первого абзаца отступ убираем */ } </style> </head> <body> <p>Diese Geschichte hat bereits begonnen, sich zu vergessen, obwohl es Townspeople gab, das von Zeit zu Zeit gesagt hat, dass sie ihr neu in die Stadt an die Besucher ankam.</p> <p>Die Legende hat sich detailliert eingestellt und erinnerte das Ereignis nicht mehr in der Realität. Und trotzdem entschied sich keine der Person, es mit dem Beginn der Dunkelheit darüber zu nennen.</p> <p>Aber eines Tages trat ein Fremder einmal in die Stadt ein. Er lahm auf seinem linken Bein.</p> </body> </html> </p><p>Das Ergebnis des Beispiels ist unten gezeigt (Abb. 15,5).</p> <p><img src='https://i0.wp.com/htmlbook.ru/files/images/samcss/fig15-5.png' width="100%" loading=lazy loading=lazy></p> <p>Feige. 15.5. Die Änderung des Stils des ersten Absatzes</p> <p>In diesem Beispiel enthält der erste Absatz des Textabschnitts kein Einrückgang der ersten Zeile, und für den Rest ist es installiert.</p> <h2>Pseudoclasses definieren die Sprache des Textes</h2> <p>Bei Dokumenten, die gleichzeitig Texte in mehreren Sprachen enthalten, ist es wichtig, die Syntax-Regeln für eine oder andere Sprache einzuhalten. Mit Hilfe von Pseudoclass können Sie den Stil der Registrierung von Fremdtexten sowie einige Einstellungen ändern.</p> <h3>: Lang</h3> <p>Bestimmt die Sprache, die im Dokument oder in seinem Fragment verwendet wird. Im HTML-Code wird die Sprache über das Attribut Lang installiert, es wird normalerweise dem Tag hinzugefügt <html> . Verwenden der Pseudo-Klasse: Lang, Sie können bestimmte Einstellungen einstellen, die für verschiedene Sprachen charakteristisch sind, z. B. Art der Zitate in Anführungszeichen. Die Syntax ist als nächstes.</p> <p>Element: Lang (Sprache) (...)</p> <p>Die folgenden Werte können als Sprache angezeigt werden: RU - Russisch; en - Englisch; De - Deutsch; Fr - französisch; IT - Italienisch.</p> <p>Beispiel 15.6. Ansicht der Zitate je nach Sprache</p> <p>HTML5 CSS 2.1 IE CR OP OP FX</p><p> <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>lang.</title> <style> P { font-size: 150%; /* Размер текста */ } q:lang(de) { quotes: "\201E" "\201C"; /* Вид кавычек для немецкого языка */ } q:lang(en) { quotes: "\201C" "\201D"; /* Вид кавычек для <a href="https://comuedu.ru/de/network/television-of-england-in-russian-online-channels-in-english.html">английского языка</a> */ } q:lang(fr), q:lang(ru) { /* Вид кавычек для русского и французского языка */ quotes: "\00AB" "\00BB"; } </style> </head> <body> <p>Zitat auf Französisch: <q lang="fr">CE Que Femme Veut, Dieu Le Veut</q>.</p> <p>Zitat auf Deutsch: <q lang="de">Der Mensch, Versuch, Gottter nicht</q>.</p> <p>Zitat auf Englisch: <q lang="en">Dann sei oder nicht sein</q>.</p> </body> </html> </p><p>Ergebnis <a href="https://comuedu.ru/de/operating-systems/osnovnye-etapy-razrabotki-baz-dannyh-primer-proektirovaniya.html">dieses Beispiel</a> In FIG. 15.6. Um typische Anführungszeichen anzuzeigen, werden im Beispiel ein Stil Eigenschaftsangebot verwendet, und der Sprachschalter selbst und der entsprechende Typ der Zitate erfolgt über das Attribut Lang, das dem Tag hinzugefügt wird <q> .</p> <p><img src='https://i2.wp.com/htmlbook.ru/files/images/samcss/fig15-6.png' width="100%" loading=lazy loading=lazy></p> <h2>Fragen zum Überprüfen.</h2> <p>A (Farbe: blau; Hintergrund: Orange;) <br> A: Hover (Hintergrund: gelb; Farbe: Schwarz;) <br> A: besucht (Farbe: weiß;) <br> A: Aktiv (Farbe: rot;)</p> <ol><li>CSS-Code ist nicht gültig.</li> <li>Zum Selektor A wurde keine Pseudo-Klasse hinzugefügt: Link.</li> <li>Pseudo-Klasse: Visited Steht nach: Hover.</li> <li>Pseudo-Klasse: Active steht nach: besucht.</li> <li>Falscher Wert der Farbeigenschaft A: Hover.</li> </ol><p><b>2. Es ist erforderlich, die erste Zeile des Tisches mit Hintergrund hervorzuheben. Welche Pseudo-Klasse für diesen Zweck wird passen?</b></p> <ol><li>: Aktiv</li> <li>: Erstes Kind</li> <li>: Fokus</li> <li>: schweben</li> <li>: Lang</li> </ol><p><b>3. Welche Elemente fügen den Stil des nächsten Designs hinzu - A: Link: besucht: BOVER?</b></p> <ol><li>Zu ungewissenen Verbindungen.</li> <li>Verbindungen besucht.</li> <li>An alle Links, wenn Sie den Mauszeiger bewegen.</li> <li>Um Links zu besuchen, wenn Sie den Mauszeiger bewegen.</li> <li>Kein Element.</li> </ol><h2>Antworten</h2> <p>1. Pseudo-Klasse: Besuchteile nach: Schwebe.</p> <p>3. Kein Element.</p> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> </div> <div class="data"> <div class="data__top clearfix"> <div class="data__print"> <a href='javascript:window.print(); void 0;'> Drucken</a> </div> </div> <div class="data__bottom clearfix"> <div class="data__share"> <script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script> <script src="//yastatic.net/share2/share.js"></script> <div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,gplus,twitter,evernote,whatsapp,skype"></div> </div> </div> </div> <div class="navi"> <a href="https://comuedu.ru/de/different/kak-otkryt-kompaniyu-v-estonii.html" class="navi__prev"></a> <!-- /next_post --> <a href="https://comuedu.ru/de/wi-fi/athlon-2-x3-460-razblokirovka-4-yadra-uvelichenie-proizvoditelnosti-amd-processorov.html" class="navi__next"></a> <!-- /next_post --> </div> </div> </div> <div class="news-blocks clearfix"> <div class="news-block"> <div class="papers"> <div class="papers__title">Auch interessant:</div> <div class="papers__items"> <style> </style> <div class="papers__item"> <div class="papers__img"> <a href="https://comuedu.ru/de/smart-tv/pochemu-greetsya-noutbuk-zharoponizhayushchie-sovety-silno.html"><img src="/uploads/71f5bc687e246c432afed9176018a868.jpg" style="width:70px; height:70px;" / loading=lazy loading=lazy></a> </div> <div class="papers__ovh"> <div class="papers__name"> <a href="https://comuedu.ru/de/smart-tv/pochemu-greetsya-noutbuk-zharoponizhayushchie-sovety-silno.html">Der Laptop ist sehr heiß, nachdem Windows 10 den Prozessor stark erwärmt</a> </div> <div class="papers__category"> </div> </div> </div> <div class="papers__item"> <div class="papers__img"> <a href="https://comuedu.ru/de/wi-fi/remont-materinskoi-platy-pitanie-processora-kakoi-blok.html"><img src="/uploads/dbeb28b17f2271d4c90ad08e773db643.jpg" style="width:70px; height:70px;" / loading=lazy loading=lazy></a> </div> <div class="papers__ovh"> <div class="papers__name"> <a href="https://comuedu.ru/de/wi-fi/remont-materinskoi-platy-pitanie-processora-kakoi-blok.html">Welches Netzteil ist von modernen Spiel-PC-CPU-Stromverbindern erforderlich?</a> </div> <div class="papers__category"> </div> </div> </div> <div class="papers__item"> <div class="papers__img"> <a href="https://comuedu.ru/de/solutions/kompyuter-inogda-ne-vklyuchaetsya-pochemu-kompyuter-ne-vklyuchaetsya-i.html"><img src="/uploads/2392244f6fc3fa19379947ddd0095994.jpg" style="width:70px; height:70px;" / loading=lazy loading=lazy></a> </div> <div class="papers__ovh"> <div class="papers__name"> <a href="https://comuedu.ru/de/solutions/kompyuter-inogda-ne-vklyuchaetsya-pochemu-kompyuter-ne-vklyuchaetsya-i.html">Warum der Computer nicht einschaltet und wie Sie feststellen sollen, was pleite</a> </div> <div class="papers__category"> </div> </div> </div> </div> </div> </div> <div class="news-block"> <div class="papers"> <div class="papers__title">Wir empfehlen das Lesen:</div> <div class="papers__items"> <div class="papers__item"> <div class="papers__img"> <a href="https://comuedu.ru/de/windows/ne-vklyuchaetsya-noutbuk-posle-pochemu-ne-zapuskaetsya-noutbuk.html"> <img width="50" height="50" src="/uploads/06ca4e84c6cbfec3e2d695d7d63608d2.jpg" class="attachment-50 size-50 wp-post-image" alt="Warum nicht einen Laptop starten, was soll ich tun?" sizes="(max-width: 50px) 100vw, 50px" / loading=lazy loading=lazy> </a> </div> <div class="papers__ovh"> <div class="papers__date">2021-05-23 11:48:12</div> <div class="papers__name"> <a href="https://comuedu.ru/de/windows/ne-vklyuchaetsya-noutbuk-posle-pochemu-ne-zapuskaetsya-noutbuk.html">Warum nicht einen Laptop starten, was soll ich tun?</a> </div> </div> </div> <div class="papers__item"> <div class="papers__img"> <a href="https://comuedu.ru/de/modems/noutbuk-hp-posle-obnovleniya-ne-vklyuchaetsya-noutbuk-ne-vklyuchaetsya.html"> <img width="50" height="50" src="/uploads/8a971f6946358dc01bb4ed6a1846f223.jpg" class="attachment-50 size-50 wp-post-image" alt="HP Laptop nach dem Update lässt sich nicht einschalten" sizes="(max-width: 50px) 100vw, 50px" / loading=lazy loading=lazy> </a> </div> <div class="papers__ovh"> <div class="papers__date">2021-05-23 11:48:12</div> <div class="papers__name"> <a href="https://comuedu.ru/de/modems/noutbuk-hp-posle-obnovleniya-ne-vklyuchaetsya-noutbuk-ne-vklyuchaetsya.html">HP Laptop nach dem Update lässt sich nicht einschalten</a> </div> </div> </div> <div class="papers__item"> <div class="papers__img"> <a href="https://comuedu.ru/de/operating-systems/chto-delat-esli-ne-zapuskaetsya-windows-8-kompyuternaya-pomoshch.html"> <img width="50" height="50" src="/uploads/aa112eb5945e5f15f0be158e0b18a703.jpg" class="attachment-50 size-50 wp-post-image" alt="Was tun, wenn Windows 8 nicht startet" sizes="(max-width: 50px) 100vw, 50px" / loading=lazy loading=lazy> </a> </div> <div class="papers__ovh"> <div class="papers__date">2021-05-23 11:48:12</div> <div class="papers__name"> <a href="https://comuedu.ru/de/operating-systems/chto-delat-esli-ne-zapuskaetsya-windows-8-kompyuternaya-pomoshch.html">Was tun, wenn Windows 8 nicht startet</a> </div> </div> </div> </div> </div> </div> </div> <div class="rate clearfix"> <div class="papers__title">Fortsetzung des Themas:</div> </div> <div class="rate clearfix"> <div class="rate__img"> <a href="https://comuedu.ru/de/wi-fi/peregrevaetsya-zaryadnoe-ustroistvo-telefona-pochemu-pri.html"> <img width="150" height="150" src="/uploads/b0da6f721a1769eaa3fe6cdb02e3548c.jpg" class="attachment-alm-thumbnail size-alm-thumbnail wp-post-image" alt="Warum das Ladegerät beim Laden des Telefons erhitzt wird" sizes="(max-width: 150px) 100vw, 150px" / loading=lazy loading=lazy> </a> </div> <div class="rate__ovh"> <div class="rate__label"> <span>W-lan</span> </div> <div class="rate__name"> <a href="https://comuedu.ru/de/wi-fi/peregrevaetsya-zaryadnoe-ustroistvo-telefona-pochemu-pri.html">Warum das Ladegerät beim Laden des Telefons erhitzt wird</a> </div> <div class="rate__description"> <p>Zu wissen, warum das Telefon erhitzt wird, kann der Benutzer versuchen, seine Temperatur zu reduzieren. Dies wird dazu beitragen, eines der häufigsten Probleme zu lösen - obwohl er damit konfrontiert ist ...</p> </div> </div> </div> <!-- /next_post --> </div> <div class="button-menu"></div> <div class="page__right"> <div class="menu"> <div class="menu__exit">×</div> <ul> <li><a href="https://comuedu.ru/de/category/wi-fi/" class="link-catalog">W-lan</a> </li> <li><a href="https://comuedu.ru/de/category/linux/" class="link-catalog">Linux</a> </li> <li><a href="https://comuedu.ru/de/category/windows/" class="link-catalog">Windows</a> </li> <li><a href="https://comuedu.ru/de/category/different/" class="link-catalog">Verschiedenes</a> </li> <li><a href="https://comuedu.ru/de/category/network/" class="link-catalog">Netzwerk</a> </li> <li><a href="https://comuedu.ru/de/category/smart-tv/" class="link-catalog">Smart TV.</a> </li> <li><a href="https://comuedu.ru/de/category/solutions/" class="link-catalog">Lösungen</a> </li> <li><a href="https://comuedu.ru/de/category/android/" class="link-catalog">Android</a> </li> </ul> </div> <div id="husevi1" style="height:400px;width:290px;" align="center"></div> <div class="page__hidden-mobile"> <div class="papers"> <div class="papers__tabs"> <div class="active" data-eq="0">Neue Artikel</div> <span>/</span> <div data-eq="1">Beliebt</div> </div> <div class="papers__blocks"> <div class="papers__block active"> <div class="papers__items"> <div class="papers__item"> <div class="papers__img"> <a href="https://comuedu.ru/de/smartphone/ahci-ne-rabotaet-dolzhen-li-ahci-byt-vklyuchen-dlya-ssd-pravka-reestra-windows.html"> <img width="50" height="50" src="/uploads/cf119c0ddcdcf50f0c2abb53610cbcd8.jpg" class="attachment-50 size-50 wp-post-image" alt="Sollte AHCI für SSD enthalten sein?" sizes="(max-width: 50px) 100vw, 50px" / loading=lazy loading=lazy> </a> </div> <div class="papers__ovh"> <div class="papers__date">2021-05-23 11:48:12</div> <div class="papers__name"> <a href="https://comuedu.ru/de/smartphone/ahci-ne-rabotaet-dolzhen-li-ahci-byt-vklyuchen-dlya-ssd-pravka-reestra-windows.html">Sollte AHCI für SSD enthalten sein?</a> </div> <div class="papers__category"> <a href="https://comuedu.ru/de/category/smartphone/">Smartphone</a> </div> </div> </div> <div class="papers__item"> <div class="papers__img"> <a href="https://comuedu.ru/de/smart-tv/silno-greetsya-zaryadnik-telefona-greetsya-akkumulyator-pri-zaryadke-telefona.html"> <img width="50" height="50" src="/uploads/fe370b4aa941195ab6663e74212576a1.jpg" class="attachment-50 size-50 wp-post-image" alt="Bashes Batterie beim Laden des Telefons" sizes="(max-width: 50px) 100vw, 50px" / loading=lazy loading=lazy> </a> </div> <div class="papers__ovh"> <div class="papers__date">2021-05-23 11:48:12</div> <div class="papers__name"> <a href="https://comuedu.ru/de/smart-tv/silno-greetsya-zaryadnik-telefona-greetsya-akkumulyator-pri-zaryadke-telefona.html">Bashes Batterie beim Laden des Telefons</a> </div> <div class="papers__category"> <a href="https://comuedu.ru/de/category/smart-tv/">Smart TV.</a> </div> </div> </div> <div class="papers__item"> <div class="papers__img"> <a href="https://comuedu.ru/de/computer/obnaruzheny-problemy-oborudovaniya-chtoby-identificirovat-i-ustranit.html"> <img width="50" height="50" src="/uploads/0e87ce4d6b44471c0425e2435c1d5e91.jpg" class="attachment-50 size-50 wp-post-image" alt="Diagnose und Fehlerbehebung von PCs (beste Programme)" sizes="(max-width: 50px) 100vw, 50px" / loading=lazy loading=lazy> </a> </div> <div class="papers__ovh"> <div class="papers__date">2021-05-23 11:48:12</div> <div class="papers__name"> <a href="https://comuedu.ru/de/computer/obnaruzheny-problemy-oborudovaniya-chtoby-identificirovat-i-ustranit.html">Diagnose und Fehlerbehebung von PCs (beste Programme)</a> </div> <div class="papers__category"> <a href="https://comuedu.ru/de/category/computer/">Computer</a> </div> </div> </div> <div class="papers__item"> <div class="papers__img"> <a href="https://comuedu.ru/de/program/ustranenie-prichin-peregreva-bloka-pitaniya-noutbuka-greetsya.html"> <img width="50" height="50" src="/uploads/b5af7e72fb5478b28d35542e1d5ac37c.jpg" class="attachment-50 size-50 wp-post-image" alt="Beheizter Stromanschluss in der Asus X59S-Laptop, warum die Laptop-Ladungsbuchse erhitzt wird" sizes="(max-width: 50px) 100vw, 50px" / loading=lazy loading=lazy> </a> </div> <div class="papers__ovh"> <div class="papers__date">2021-05-23 11:48:12</div> <div class="papers__name"> <a href="https://comuedu.ru/de/program/ustranenie-prichin-peregreva-bloka-pitaniya-noutbuka-greetsya.html">Beheizter Stromanschluss in der Asus X59S-Laptop, warum die Laptop-Ladungsbuchse erhitzt wird</a> </div> <div class="papers__category"> <a href="https://comuedu.ru/de/category/program/">Programme</a> </div> </div> </div> <div class="papers__item"> <div class="papers__img"> <a href="https://comuedu.ru/de/apple/ne-rabotayut-usb-3-porty-ne-rabotaet-usb-port-posle-pereustanovki.html"> <img width="50" height="50" src="/uploads/08f6de2a52e2de29dff305b340e8d23b.jpg" class="attachment-50 size-50 wp-post-image" alt="USB-Anschluss nach der Neuinstallation von Windows" sizes="(max-width: 50px) 100vw, 50px" / loading=lazy loading=lazy> </a> </div> <div class="papers__ovh"> <div class="papers__date">2021-05-23 11:48:12</div> <div class="papers__name"> <a href="https://comuedu.ru/de/apple/ne-rabotayut-usb-3-porty-ne-rabotaet-usb-port-posle-pereustanovki.html">USB-Anschluss nach der Neuinstallation von Windows</a> </div> <div class="papers__category"> <a href="https://comuedu.ru/de/category/apple/">Apfel.</a> </div> </div> </div> <div class="papers__item"> <div class="papers__img"> <a href="https://comuedu.ru/de/linux/kak-otklyuchit-tachpad-na-noutbuke-srabatyvayut-sluchainye-nazhatiya-kogda.html"> <img width="50" height="50" src="/uploads/5f920a6107a6031f5f920ae599fac9e4.jpg" class="attachment-50 size-50 wp-post-image" alt="Touchpad auf einem Laptop - Ein- und Aus-Panel funktioniert nicht das Touchpad auf dem MSI-Laptop" sizes="(max-width: 50px) 100vw, 50px" / loading=lazy loading=lazy> </a> </div> <div class="papers__ovh"> <div class="papers__date">2021-05-23 11:48:12</div> <div class="papers__name"> <a href="https://comuedu.ru/de/linux/kak-otklyuchit-tachpad-na-noutbuke-srabatyvayut-sluchainye-nazhatiya-kogda.html">Touchpad auf einem Laptop - Ein- und Aus-Panel funktioniert nicht das Touchpad auf dem MSI-Laptop</a> </div> <div class="papers__category"> <a href="https://comuedu.ru/de/category/linux/">Linux</a> </div> </div> </div> </div> </div> <div class="papers__block"> <div class="papers__items"> <div class="papers__item"> <div class="papers__img"><a href="https://comuedu.ru/de/network/kak-izvlech-faily-bios-dell-alternativnyi-sposob-modifikacii-ami-bios-dlya.html"> <img width="50" height="50" src="/uploads/e18b7b8341c4e4e033c8f512e44e93d7.jpg" class="attachment-50x50 size-50x50 wp-post-image" alt="Alternative Möglichkeit, Ami-BIOS zu ändern, um Prozessoren im LGA771-Konstruktion zu unterstützen, ziehen Sie das BIOS aus der EXE-Dell-Datei aus" sizes="(max-width: 50px) 100vw, 50px" / loading=lazy loading=lazy> </a></div> <div class="papers__ovh"> <div class="papers__name"> <a href="https://comuedu.ru/de/network/kak-izvlech-faily-bios-dell-alternativnyi-sposob-modifikacii-ami-bios-dlya.html">Alternative Möglichkeit, Ami-BIOS zu ändern, um Prozessoren im LGA771-Konstruktion zu unterstützen, ziehen Sie das BIOS aus der EXE-Dell-Datei aus</a> </div> <div class="papers__category"><a href="https://comuedu.ru/de/category/network/" rel="tag">Netzwerk</a></div> </div> </div> <div class="papers__item"> <div class="papers__img"><a href="https://comuedu.ru/de/different/chto-takoe-i-zachem-nuzhna-virtualnaya-realnost.html"> <img width="50" height="50" src="https://comuedu.ru/wp-content/uploads/two_column_12pnd5r8ub-50x50.jpg" class="attachment-50x50 size-50x50 wp-post-image" alt="Was ist und warum brauchst du eine virtuelle Realität?" sizes="(max-width: 50px) 100vw, 50px" / loading=lazy loading=lazy> </a></div> <div class="papers__ovh"> <div class="papers__name"> <a href="https://comuedu.ru/de/different/chto-takoe-i-zachem-nuzhna-virtualnaya-realnost.html">Was ist und warum brauchst du eine virtuelle Realität?</a> </div> <div class="papers__category"><a href="https://comuedu.ru/de/category/different/" rel="tag">Verschiedenes</a></div> </div> </div> <div class="papers__item"> <div class="papers__img"><a href="https://comuedu.ru/de/windows/skachat-prilozhenie-taksi-draiver-dlya-voditelei-voditelskie-terminaly-maxima-taxi.html"> <img width="50" height="50" src="/uploads/2ffb75f766b4b6a9e7d6529b3b3cfbd1.jpg" class="attachment-50x50 size-50x50 wp-post-image" alt="Maxima-Taxi-Treiberterminals" sizes="(max-width: 50px) 100vw, 50px" / loading=lazy loading=lazy> </a></div> <div class="papers__ovh"> <div class="papers__name"> <a href="https://comuedu.ru/de/windows/skachat-prilozhenie-taksi-draiver-dlya-voditelei-voditelskie-terminaly-maxima-taxi.html">Maxima-Taxi-Treiberterminals</a> </div> <div class="papers__category"><a href="https://comuedu.ru/de/category/windows/" rel="tag">Windows</a></div> </div> </div> <div class="papers__item"> <div class="papers__img"><a href="https://comuedu.ru/de/routers/obnulenie-akkumulyatora-kak-otkalibrovat-batareyu-na-androide.html"> <img width="50" height="50" src="/uploads/7802b4a4b47fca722997f68e038cd99c.jpg" class="attachment-50x50 size-50x50 wp-post-image" alt="So kalibrieren Sie den Akku auf Android" sizes="(max-width: 50px) 100vw, 50px" / loading=lazy loading=lazy> </a></div> <div class="papers__ovh"> <div class="papers__name"> <a href="https://comuedu.ru/de/routers/obnulenie-akkumulyatora-kak-otkalibrovat-batareyu-na-androide.html">So kalibrieren Sie den Akku auf Android</a> </div> <div class="papers__category"><a href="https://comuedu.ru/de/category/routers/" rel="tag">Router</a></div> </div> </div> <div class="papers__item"> <div class="papers__img"><a href="https://comuedu.ru/de/apple/kalibrovka-akkumulyatora-telefona-android-sposoby.html"> <img width="50" height="50" src="/uploads/b530bfe0426773111c453e8165105fc3.jpg" class="attachment-50x50 size-50x50 wp-post-image" alt="Methoden zur Durchführung von Kalibrierung für den Tablet-Akku auf Android-Betriebssystem" sizes="(max-width: 50px) 100vw, 50px" / loading=lazy loading=lazy> </a></div> <div class="papers__ovh"> <div class="papers__name"> <a href="https://comuedu.ru/de/apple/kalibrovka-akkumulyatora-telefona-android-sposoby.html">Methoden zur Durchführung von Kalibrierung für den Tablet-Akku auf Android-Betriebssystem</a> </div> <div class="papers__category"><a href="https://comuedu.ru/de/category/apple/" rel="tag">Apfel.</a></div> </div> </div> <div class="papers__item"> <div class="papers__img"><a href="https://comuedu.ru/de/linux/pochemu-ya-ne-mogu-ustanovit-prilozhenie-pochemu-ne-ustanavlivaetsya.html"> <img width="50" height="50" src="/uploads/9d82346b713b20e05c6c59323ee6a604.jpg" class="attachment-50x50 size-50x50 wp-post-image" alt="Warum die App auf Android-Anwendung nicht installiert ist" sizes="(max-width: 50px) 100vw, 50px" / loading=lazy loading=lazy> </a></div> <div class="papers__ovh"> <div class="papers__name"> <a href="https://comuedu.ru/de/linux/pochemu-ya-ne-mogu-ustanovit-prilozhenie-pochemu-ne-ustanavlivaetsya.html">Warum die App auf Android-Anwendung nicht installiert ist</a> </div> <div class="papers__category"><a href="https://comuedu.ru/de/category/linux/" rel="tag">Linux</a></div> </div> </div> </div> </div> </div> </div> <div class="comments"> <div id="husevi2" class="husevi-sticky" style="height:500px;width:254px;" align="center"></div> </div> </div> </div> </div> </div> </div> <div class="footer"> <div class="footer__top"> <div class="cnt"> <div class="footer__nav"> <ul> <li><a href="">Kontakte</a></li> <li><a href="">Werbung</a></li> <li><a href="">Über den Standort.</a></li> </ul> </div> <div class="footer__counter"> </div> <div class="footer__logo1" align="right"> <img style="max-height:60px;" src="/assets/logo.png" alt="" loading=lazy loading=lazy> </div> </div> </div> <div class="footer__bottom"> <div class="cnt"> <div class="footer__copyright"> © comdemuedu.ru 2021 Standort über Computertechniker</div> </div> </div> </div> <a href="https://comuedu.ru/de/#top" class="up"></a> </div> <script src="https://comuedu.ru/wp-content/themes/tehnika-expert/js/jquery-1.12.0.js"></script> <script src="https://comuedu.ru/wp-content/themes/tehnika-expert/js/owl.carousel.min.js"></script> <script src="https://comuedu.ru/wp-content/themes/tehnika-expert/js/mousewheel.js"></script> <script src="https://comuedu.ru/wp-content/themes/tehnika-expert/js/jscrollpane.min.js"></script> <script src="https://comuedu.ru/wp-content/themes/tehnika-expert/js/scripts.js?v=8"></script> <!--[if lt IE 10]> <script src="https://comuedu.ru/wp-content/themes/tehnika-expert/js/placeholder.js"></script> <![endif]--> <script type='text/javascript' src='https://comuedu.ru/wp-content/plugins/table-of-contents-plus/front.min.js?ver=1509'></script> <script type='text/javascript' src='https://comuedu.ru/wp-content/plugins/wp-ajaxify-comments/js/wp-ajaxify-comments.min.js?ver=1.5.0'></script> <script type='text/javascript' src='https://comuedu.ru/wp-content/plugins/wp-polls/polls-js.js?ver=2.73.8'></script> <script type='text/javascript' src='https://comuedu.ru/wp-content/plugins/wp-postratings/js/postratings-js.js?ver=1.85'></script> <script type='text/javascript' src='https://comuedu.ru/wp-content/plugins/wp_testme/js/testme.js?ver=1.1'></script> <script type='text/javascript' src='/wp-includes/js/comment-reply.min.js?ver=4.9'></script> <script type='text/javascript'> var q2w3_sidebar_options = new Array(); q2w3_sidebar_options[0] = { "sidebar" : "sidebar-2", "margin_top" : 10, "margin_bottom" : 112, "stop_id" : "", "screen_max_width" : 0, "screen_max_height" : 0, "width_inherit" : false, "refresh_interval" : 1500, "window_load_hook" : false, "disable_mo_api" : false, "widgets" : ['cb_widget-2'] } ; </script> <script type='text/javascript' src='https://comuedu.ru/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js?ver=5.0.4'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.9'></script> </body> </html>