spécificité CSS avec bootstrap

Question

J'essaie de comprendre la spécificité CSS.Ce que je veux réaliser, c'est que le fichier basics.css ait la plus grande spécificité afin que tout ce qu'il contient écrase complètement le CSS d'amorçage, même s'il s'agit du même sélecteur.

Comment puis-je commander mes fichiers ici pour y parvenir ?

@import url("common.css");
@import url("links.css");
@import url("content.css");
@import url("colours.css");
@import url("basics.css");
@import url("/bootstrap/css/bootstrap.css");
@import url("/bootstrap/css/bootstrap-responsive.css");
@import url("/bootstrap/css/bootstrap-select.min.css");
@import url("/footable/css/footable.core.min.css");
@import url("/font-awesome/css/font-awesome.css");
@import url("/iconmoon/style.css");

Answer 1

Le DERNIER CSS écrase le D'ABORD CSS appelé.

Donc, pour ce faire, je vous recommande de appelez d'abord le CSS le moins important et dernier le plus important.

Dans ce cas, vous appelleriez d'abord bootstrap.css enfin basics.css

MODIFIER:
Quelque chose comme ça

@import url("/bootstrap/css/bootstrap.css");
@import url("/bootstrap/css/bootstrap-responsive.css");
@import url("/bootstrap/css/bootstrap-select.min.css");
@import url("/footable/css/footable.core.min.css");
@import url("/font-awesome/css/font-awesome.css");
@import url("/iconmoon/style.css");
@import url("common.css");  
@import url("links.css");
@import url("content.css");
@import url("colours.css");
@import url("basics.css");