Cita:
table a, table, tbody, tfoot, tr, th, td, table caption {
font-family: Verdana, arial, helvetica, sans-serif;
background:#262b38;
color:#fff;
text-align:left;
font-size:12px;
}
table, table caption {
border-left:3px solid #567;
border-right:3px solid #000;
}
table {
border-top:1px solid #567;
border-bottom:3px solid #000;
}
table a {
text-decoration:underline;
font-weight:bold;
}
table a:visited {
background:#262b38;
color:#abc;
}
table a:hover {
text-decoration:none;
position:relative;
top:1px;
left:1px;
}
table caption {
border-top:3px solid #567;
border-bottom:1px solid #000;
font-size:20px;
font-weight:bold;
}
table, td, th {
margin:0px;
padding:0px;
}
tbody td, tbody th, tbody tr.odd th, tbody tr.odd td {
border:1px solid;
border-color:#567 #000 #000 #567;
}
td, th, table caption {
padding:5px;
vertical-align:middle;
}
tfoot td, tfoot th, thead th {
border:1px solid;
border-color:#000 #567 #567 #000;
font-weight:bold;
white-space:nowrap;
font-size:14px;
}
Lo aplico en una pagina, pero este estilo lo necesito solo ciertas tabla, como le hago para que el estilo se aplique solo en esas tablas del html y no en el resto; acabo de ver esta duda en otros foros, dicen que haga algo asi:table a, table, tbody, tfoot, tr, th, td, table caption {
font-family: Verdana, arial, helvetica, sans-serif;
background:#262b38;
color:#fff;
text-align:left;
font-size:12px;
}
table, table caption {
border-left:3px solid #567;
border-right:3px solid #000;
}
table {
border-top:1px solid #567;
border-bottom:3px solid #000;
}
table a {
text-decoration:underline;
font-weight:bold;
}
table a:visited {
background:#262b38;
color:#abc;
}
table a:hover {
text-decoration:none;
position:relative;
top:1px;
left:1px;
}
table caption {
border-top:3px solid #567;
border-bottom:1px solid #000;
font-size:20px;
font-weight:bold;
}
table, td, th {
margin:0px;
padding:0px;
}
tbody td, tbody th, tbody tr.odd th, tbody tr.odd td {
border:1px solid;
border-color:#567 #000 #000 #567;
}
td, th, table caption {
padding:5px;
vertical-align:middle;
}
tfoot td, tfoot th, thead th {
border:1px solid;
border-color:#000 #567 #567 #000;
font-weight:bold;
white-space:nowrap;
font-size:14px;
}
.menu {
blablablabla
}
y luego esto:
<table class="menu">
pero no me funciona, obviamente agrege el .menu al inicio y encerre todo en las llaves, pero la tabla no agarra el estilo, otra cosa, el estilo lo quiero aplicar en un archivo php donde se muestran los resultados de una consulta (no se si esto tenga algo que ver)