Accolade qui fait un bug dans CSS

**vivi94110** · 12/12/2013, 16h30

Bonjour,

en faisant un peu de tri dans mon fichier css, j'ai trouvé entre deux class une accolade fermante et un point(à plusieurs endoits). Je les suppriment car elles ne servent à rien, et là, toute ma css à bougée!!!
J'ai donc remis ces accolades et ça remarche (sans les points ça marche aussi)!!!!
Voici un exemple :

Code :

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

1
2
3
4
5
6
7
8
9
10
.exemple {
color:blue;
}
 
.
}
 
.exemple {
color:blue;
}

Quelqu'un à une idée???

Merci d'avance

**Torgar** · 12/12/2013, 16h42

C'est pas un exemple qu'il nous faut, c'est ton code CSS entier, si tu veux qu'on t'aide au mieux.

**vivi94110** · 12/12/2013, 16h54

Oui je me doute bien.... malheureusement c'est une application pro et je n'ai pas le droit de diffuser

Peux-tu m'éclairer quand mm?

**Torgar** · 12/12/2013, 17h00

Quand tu dis que ça a bougé, tu peux être plus précis ? Plus aucuns CSS n'est appliqués ?

Ton éditeur ne te surligne pas les couples de parenthèses ? Comme ça tu verrais bien ce qui cloche.

Au pire tu comptes les parenthèses ouvrantes et fermantes et tu vois si tu as le comptes.

**vivi94110** · 12/12/2013, 17h04

Alors seulement quelques class sont impactées : les champs, tableaux et autres sont plus grands ou plus petits.... Je suis sur Netbeans, je vais voir si je peux coupler mes accolades, ça m'aiderai oui!

Merci

**Bovino** · 12/12/2013, 17h53

Ce ne serait pas lié à des at-rules par hasard ?
Genre @media...

**NoSmoking** · 12/12/2013, 18h27

Bonjour,
c'est un façon peu élégante de mettre OUT la déclaration de style qui suit mais qui n'a aucune influence sur IE7 par exemple

petit fichier de test, déplace le .} pour voir

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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>BEURK!!</title>
<style>
body{
  color:#FFF;
}
.t1{
  color:#F00;
}
.t2{
  color:#0F0;
}
 
.
}
 
.t3{
  color:#00F;
}
 
.t4{
  color:#F00;
}
.t5{
  color:#0F0;
}
</style>
</head>
<body>
<p class="t1">Texte 1</p>
<p class="t2">Texte 2</p>
<p class="t3">Texte 3</p>
<p class="t4">Texte 4</p>
<p class="t5">Texte 5</p>
</body>
</html>

**vivi94110** · 13/12/2013, 09h06

Bonjour,
merci pour vos réponses, il y avait effectivement une accolade mal fermée...
Du coup en la fermant je doit revoir quelques règles qui n'étaient pas prises en compte, mais au moins mon fichier est propre mnt.

Pour les l'histoire des "at rules", apparemment elles se ferment avec des doubles accolades (d'après mes recherches). Mais ce n'était pas mon cas.

Merci encore!

Bonne journée

**Bovino** · 13/12/2013, 09h08

Non... les at-rules s'ouvrent et se ferme avec de simples accolades... Mais comme elles peuvent elles-même contenir des accolades, il se peut que dans certains cas, la fermeture corresponde à deux accolades fermantes, mais c'est pour fermer d'abord un bloc interne puis le at-rule.

**NoSmoking** · 15/12/2013, 07h48

C'est en fait un hack pour <IE8 maladroit dans le sens où il existe des commentaires conditionnels pour cela.

Accolade qui fait un bug dans CSS

CSS

Discussions similaires

Partager

Partager