CSS betrifft alle Tabellen

Question

Ich habe 2 Tabellen. Die eigene ID ist yurtable. Sekunden mein Tisch. Wenn ich CSS für meine Tabelle schreibe, betrifft dies auch yurtable. Warum kann ich nicht herausfinden. Hier CSS-Code:

#mytable table { 
    border-collapse: collapse; 
    width: 100%; 
} 

#mytable th, td { 
    padding: 8px; 
    text-align: left; 
    border-bottom: 1px solid #ddd; 
} 

#mytable tr:hover{background-color:#f5f5f5} 

#mytable tr th{ 
    padding-bottom: 50px; 
} 

Answer 1

starten, '#mytable th, td' nicht richtig Selektor

#mytable table { 
    border-collapse: collapse; 
    width: 100%; 
} 

#mytable th, #mytable td { 
    padding: 8px; 
    text-align: left; 
    border-bottom: 1px solid #ddd; 
} 

#mytable tr:hover{background-color:#f5f5f5} 

#mytable tr th{ 
    padding-bottom: 50px; 
} 

Answer 2

Sie werden Ihre HTML, um es müssen, aber ich kann einige Probleme sehen mit dem, was du gegeben hast.

#mytable table würde bedeuten, Sie einen Tisch in einem Containerelement mit der ID Mytable gewickelt haben, auch ohne HTML-Code zu sehen, ich Sie erraten werde meine

table#mytable { 
    border-collapse: collapse; 
    width: 100%; 
} 

Ihre zweite Regel zur Auswahl zielt die Tabellenkopf unter der #mytable Tabelle, aber Sie gehen dann zum Targeting aller Tabellenzellen in allen Tabellen. Wieder ohne Ihre HTML-Code zu sehen, ich denke, meinen Sie wohl schreiben:

#mytable th, #mytable td { 
    padding: 8px; 
    text-align: left; 
    border-bottom: 1px solid #ddd; 
} 

Veröffentlichen Sie Ihre HTML-Code und ich werde meine Antwort spezifisch für Ihre Situation