écraser un attribut

**sam01** · 20/01/2013, 20h01

Bonjour à tous,

j'ai la classe suivante :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
 
 
.cadre_arrondi_750
{
margin-left:auto;
margin-right:auto;
margin-top:10px;
width:750px;
height:30px;
border:none;
background-image: url('../images/cadre_arrondi_750.png');
text-align:center;
color:black;
font-weight:bold;
}

Vous pouvez voir que j'ai

Code :

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

1
2
 
text-align:center;

Le texte est donc centré.

J'aimerais utiliser cette classe sans la toucher (je dis bien sans toucher à aucin des ses attributs) sinon ça m'obligerait à faire pas mal de modifications.

Bon but est donc d'utiliser cette class : cadre_arrondi_750

en écrasant l'attribut text-align:center pour y mettre text-align:left.

Ca m'éviterait de créer une nouvelle class : cadre_arrondi_750_bis

avec text-align:left.

Merci pour votre aide.

**NoSmoking** · 20/01/2013, 20h09

Bonjour,
ajoutes une class aux éléments ciblés dans laquelle tu ajoutes/annules les propriétés que tu souhaites.

exemple:

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<style>
.la_classe{
  width:100px;
  height:100px;
  margin:20px;
  border:1px solid #AAF;
}
.la_classe.rouge{
  background-color:#FAA;
  border:1px solid #F00;
}
</style>
<script>
</script>
</head>
<body>
<div class="la_classe"></div>
<div class="la_classe rouge"></div>
</body>
</html>

**sam01** · 20/01/2013, 20h29

Bonsoir NoSmoking et merci.

C'est exactement ce que je voulais

écraser un attribut

CSS

Vue hybride

Discussions similaires

Partager

Partager