Passer un paramètre à une classe CSS

**laurentSc** · 14/08/2015, 21h49

Bonsoir,

une petite recherche n'ayant rien donné, voici ma question :
j'ai n classes du type :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
 .table_cellspacing2 {
 border-spacing: 2px;
 border-collapse: collapse;
 }
 
 .table_cellspacing3 {
 border-spacing: 3px;
 border-collapse: collapse;
 }
 
etc

et au lieu de les multiplier, je voudrais faire un truc du style :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
 .table_cellspacing(param) {
 border-spacing: param px;
 border-collapse: collapse;
 }

que je pourrais appeler par exemple comme

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<table class="table_cellspacing(3)">...</table>

Est-ce possible ?

**vttman** · 15/08/2015, 09h26

Hello LaurentSc,
je pense qu'il faudra se tourner vers des préprocesseurs CSS
pour faire ça
=>
http://blog.soat.fr/2014/07/preproce...-less-vs-sass/

**laurentSc** · 15/08/2015, 10h53

Merci pour ta réponse ; cela dit, même la version soi-disant pour les débutants (less) me semble pas simple...Donc tant pis...

**JefReb** · 15/08/2015, 11h44

Et pourquoi pas avec php?

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<?php
function tablecell($num) {
echo '<table class="table_cellspacing'.$num'">'."\n";
?>
<!doctype html>
<html>
<head>
...
...
<?php tablecell(3); ?>
...
</table>

**laurentSc** · 16/08/2015, 10h27

Quand j'ai vu ta réponse (hier), elle m'a plu mais l'ai mise de côté pour plus tard et là où je voulais me pencher dessus, je vois un inconvénient : certes, l'appel est paramétré mais ça n'évite pas la création de multiples classes CSS...

Invité · 16/08/2015, 15h08

Bonjour Laurent,
sans vouloir te vexer...

Tu as déjà du mal à comprendre les notions de BASE en CSS, PDO, PHP.......

POURQUOI t'acharnes-tu sans arrêt à vouloir TE/NOUS compliquer la vie ???????????

Et, par la même occasion, à MOBILISER des BÉNÉVOLES sur DVP pour REPONDRE à tes questions ?

Tout ça pour "économiser" 4 lignes de code CSS !!!!!!!!!!!

Passer un paramètre à une classe CSS

CSS

Vue hybride

Discussions similaires

Partager

Partager