一個(gè)html中的兩個(gè)表格設(shè)置了兩個(gè)樣式卻適用同一個(gè)_html/css_WEB-ITnose
Jun 24, 2016 pm 12:16 PM 代碼如下:
nbsp;html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
這個(gè)表格是綠色邊框 | 這個(gè)表格是綠色邊框 |
---|---|
這個(gè)表格是綠色邊框 | 這個(gè)表格是綠色邊框 |
??
這個(gè)表格是紅色邊框 | 這個(gè)表格是紅色邊框 |
---|---|
這個(gè)表格是紅色邊框 | 這個(gè)表格是紅色邊框 |
這是效果圖:
回復(fù)討論(解決方案)
nbsp;html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
這個(gè)表格是綠色邊框 | 這個(gè)表格是綠色邊框 |
---|---|
這個(gè)表格是綠色邊框 | 這個(gè)表格是綠色邊框 |
??
這個(gè)表格是紅色邊框 | 這個(gè)表格是紅色邊框 |
這個(gè)表格是紅色邊框 | 這個(gè)表格是紅色邊框 |
#dc table tr td,#dc table tr th{border: 1px solid #0F0;}#cd table tr td,#cd table tr th{border: 1px solid #F00;}
理解下css復(fù)合選擇器的用法。?對照上面兩段代碼?看看。
#dc?tr,th,td?{
border:?1px?solid?#0F0;
}
#cd?table?tr,th,td?{
border:?1px?solid?#F00;
}
你這2個(gè)選擇器?其實(shí)每個(gè)都選擇了3個(gè)?一個(gè)是#dc?tr?一個(gè)是th?還一個(gè)是td
CSS?code?1234567#dc?table?tr?td,#dc?table?tr?th{border:?1px?solid?#0F0;}#cd?table?tr?td,#cd?table?tr?th{border:?1px?solid?#F00;}
理解下css復(fù)合選擇器的用法。?對照上面兩段代碼?看看。
第一個(gè)的意思是?包含在id為dc的table元素下的tr元素下的td元素和th元素共用聲明{border:?1px?solid?#0f0;
第二個(gè)的意思和第一個(gè)是一樣,只是id不同,理解的可對?
你想告訴我的是不是我的復(fù)合選擇器寫法不對?#dc?tr,td,th{border……}這樣寫不正確?
嗯,已經(jīng)弄懂了,確實(shí)是寫法錯(cuò)誤,同id下的復(fù)合選擇器需要這樣寫:#dc?th,#dc?td?{border……}才正確,特別感謝2樓和3樓朋友的指正!1樓朋友也謝謝,呵呵,不過你的代碼治標(biāo)不治本,你只是把第一個(gè)table下全寫成th,第二個(gè)table下全寫成td,雖然表格效果達(dá)到了,但是第一個(gè)表格全是標(biāo)頭哦,不是我想要的最終結(jié)果
嗯,已經(jīng)弄懂了,確實(shí)是寫法錯(cuò)誤,同id下的復(fù)合選擇器需要這樣寫:#dc?th,#dc?td?{border……}才正確,特別感謝2樓和3樓朋友的指正!1樓朋友也謝謝,呵呵,不過你的代碼治標(biāo)不治本,你只是把第一個(gè)table下全寫成th,第二個(gè)table下全寫成td,雖然表格效果達(dá)到了,但是第一個(gè)表格全是標(biāo)頭哦,不是我想要的最終結(jié)果
不用客氣?嘿嘿??

Hei?e KI -Werkzeuge

Undress AI Tool
Ausziehbilder kostenlos

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Clothoff.io
KI-Kleiderentferner

Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem v?llig kostenlosen KI-Gesichtstausch-Tool aus!

Hei?er Artikel

Hei?e Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Hei?e Themen





Die rationale Verwendung semantischer Tags in HTML kann die Klarheit, Zug?nglichkeit und SEO -Effekte der Seitenstruktur verbessern. 1. für unabh?ngige Inhaltsbl?cke wie Blog-Beitr?ge oder Kommentare muss sie in sich geschlossen werden. 2. für klassifizierungsbezogene Inhalte, die normalerweise Titel enthalten, ist für verschiedene Module der Seite geeignet. 3.. Wird für Hilfsinformationen im Zusammenhang mit dem Hauptinhalt verwendet, nicht jedoch Kern, wie z. B. Seitenleistenempfehlungen oder Autorprofile. In der tats?chlichen Entwicklung sollten Etiketten kombiniert und andere, überm??ige Verschachtelung vermeiden, die Struktur einfach halten und die Rationalit?t der Struktur durch Entwicklerwerkzeuge überprüfen.

Die Webseitenstruktur muss durch Kern -HTML -Elemente unterstützt werden. 1. Die Gesamtstruktur der Seite besteht aus dem Stammelement, das Meta -Informationen speichert und den Inhalt anzeigt. 2. Die Inhaltsorganisation stützt sich auf Titel (-), Absatz () und Block-Tags (wie), um die Organisationsstruktur und die SEO zu verbessern; 3. Die Navigation wird durch und implementiert, h?ufig verwendete Organisationen werden mit dem Aria-Strom-Attribut verknüpft und erg?nzt, um die Zug?nglichkeit zu verbessern. 4. Formularinteraktion beinhaltet und, um die vollst?ndigen Eingabebereich- und Einreichungsfunktionen zu gew?hrleisten. Die ordnungsgem??e Verwendung dieser Elemente kann die Klarheit, Wartung und Suchmaschinenoptimierung der Seiten verbessern.

Client-sideFormvalidationCanbedoneWithoutjavaScriptByusinghtmlattributes.1) UseSequeured toEnforcemandatoryfields.2) ValateMailsandurlswithTypeattributes-?hnlichemailorurl, orusepatternwithrExforcustomformaten

Um HTML -Schaltfl?chenelemente zu verwenden, um anklickbare Schaltfl?chen zu erreichen, müssen Sie zun?chst die grundlegende Verwendung und gemeinsame Vorsichtsma?nahmen beherrschen. 1. Erstellen Sie Schaltfl?chen mit Tags und definieren Sie Verhaltensweisen durch Typattribute (z. B. Schaltfl?che, Senden, Zurücksetzen), die standardm??ig übermittelt werden. 2. Fügen Sie interaktive Funktionen über JavaScript hinzu, die über ID geschrieben werden k?nnen, um Ereignish?rer zu verbinden, um die Wartung zu verbessern. 3.. Verwenden Sie CSS, um Stile anzupassen, einschlie?lich Hintergrundfarbe, Grenze, abgerundete Ecken und Schwebe-/aktive Statusffekte, um die Benutzererfahrung zu verbessern. 4. Achten Sie auf h?ufige Probleme: Stellen Sie sicher, dass das behinderte Attribut nicht aktiviert ist. Meistere das

Selbstschlie?ungs-Tags sind Elemente in HTML, für die keine geschlossenen Tags erforderlich sind, da sie keinen Inhalt enthalten. H?ufige Beispiele sind: ① Bilder einfügen; ② Zeilenumbrüche hinzufügen; ③ Horizontale Linien erstellen; ④ Formulareingabe definieren; ⑤ Link externe Ressourcen; ⑥ Metadaten bereitstellen. Diese Tags funktionieren durch Attribute wie oder. Es gibt zwei korrekte M?glichkeiten zum Schreiben: Standard -HTML -Syntax wie XHTML -Stil, aber HTML5 empfiehlt den ersteren. Beachten Sie, dass Sie nicht selbstgeplantes Formular für Etiketten verwenden k?nnen, die den Paketinhalt erfordern. Wenn der Fehler falsch ist, sollte er in ein richtig geschlossenes Hallo ge?ndert werden. Die ordnungsgem??e Verwendung von Selbstklassen-Tags h?lt Ihren Code einfach und effizient und verbessert die Kompatibilit?t mit anderen Tools wie Frameworks.

Verwenden Sie Tags in HTML, um Optionen im Dropdown-Menü zu Gruppoptionen zu erhalten. Die spezifische Methode besteht darin, eine Gruppe von Elementen zu wickeln und den Gruppennamen über das Label -Attribut zu definieren, wie z. B.: 1. Enth?lt Optionen wie ?pfel, Bananen, Orangen usw.; 2. Enth?lt Optionen wie Karotten, Brokkoli usw.; 3. jeweils ist eine unabh?ngige Gruppe, und die Optionen innerhalb der Gruppe werden automatisch eingerichtet. Zu den Notizen geh?ren: ① Es wird keine Verschachtung unterstützt; ② Die gesamte Gruppe kann über das behinderte Attribut deaktiviert werden. ③ Der Stil ist eingeschr?nkt und muss in Kombination mit CSS- oder Drittanbieterbibliotheken versch?nert werden. Plug-Ins wie Select2 k?nnen zur Verbesserung der Funktionen verwendet werden.

Metadaten in HTMLhead sind entscheidend für das Verhalten von SEO-, Social Sharing und Browser. 1. Setzen Sie den Seitentitel und die Beschreibung, verwenden Sie es und halten Sie es pr?zise und einzigartig. 2. Fügen Sie OpenGraph- und Twitter -Karteninformationen hinzu, um die Auswirkungen auf die soziale Freigabe zu optimieren, auf die Bildgr??e zu achten und Debugging -Tools zum Testen zu verwenden. 3. Definieren Sie die Einstellungen für den Zeichensatz und die Ansichtsfenster, um sicherzustellen, dass die Unterstützung mehrsprachiger Unterstützung an das mobile Terminal angepasst wird. 4. Optionale Tags wie das Urheberrecht des Autors, die Kontrolle der Roboter und die kanonische Verhindern doppelter Inhalte sollten auch vernünftig konfiguriert werden.

Um Video oder Audio mit Untertiteln und Audio -Tracks in eine Webseite einzubetten, kann dies durch html -native Funktionalit?t erreicht werden. 1. Verwenden Sie Tags, um Untertiteldateien im WebVTT -Format hinzuzufügen und die Art, Srclang- und Label -Attribute festzulegen. 2. unterstützen Sie mehrsprachige Untertitel durch mehrere Elemente und verwenden Sie das Standardattribut, um die Standardsprache festzulegen. 3. Multi-Spiegel k?nnen mehrere Elemente über JavaScript steuern oder komplexere Medienerweiterungsl?sungen verwenden. 4. Achten Sie auf die Browserkompatibilit?t, die Pfadkonfiguration und die Formatüberprüfung, um den normalen Betrieb auf verschiedenen Ger?ten zu gew?hrleisten und Backup -L?sungen bereitzustellen.
