De l’apprentissage des standards web
4 juillet 2008
J’ai un problème de CSS. Vraiment étrange me direz-vous, pour un gars qui flottait dans les nuages de l’abstraction logicielle il n’y a pas si longtemps. Ben voilà j’essaie d’appliquer les web standards dans la présentation des pages de l’application sur laquelle je travaille présentement.
Mon problème
Le cadre d’application avec lequel je travaille a une feuille de styles définissant ses propres classes, et est insérée dans toute les pages. Cette feuille stipule, par exemple que:
.tableHeaders {
background-color: #cccccc;
}
L’ennui est que j’ai, dans mes pages, certaines tables auxquelles j’aimerais appliquer le style de la classe définit ci-haut. La première solution évidente est d’appliquer la classe à chacune des entêtes des colonnes:
<div id="donkey">
<table>
<tr>
<th class="tableHeaders">
<th class="tableHeaders">
<th class="tableHeaders">
<th class="tableHeaders">
...
Mais cette inélégante solution me laisse perplexe. J’aimerais pouvoir référencer un autre style pour faire un truc du genre de:
#donkey th {
// .tableHeaders
}
Mais je ne trouve nulle part où il serait mentionné qu’une telle solution est possible. L’est-elle? Ou peut-être m’y prends-je mal? J’ai besoin d’aide.
JS.
4 juillet 2008 à 12:58
#donkey th {
background-color: #cccccc;
}
// Pour tout th à l’intérieur de la balise ayant
// donkey // comme id, mettre un background color à
//#cccccc
// faire attention à d’autres règles qui pourraient
// être plus prioritaires.
// autre ex:
table.classe-de-ma-table th {
background-color: #cccccc;
}
// qqch comme cela serait plus réutilisable
4 juillet 2008 à 13:22
En fait… dis-toi que dans la vie, tout est possible! Donc OUI, une telle solution est possible. Il faut juste chercher, chercher et encore chercher!!!!