especificidade css com bootstrap

Question

Estou tentando entender a especificidade do CSS.O que eu quero alcançar é que o basics.css tenha a maior especificidade, para que tudo o que estiver lá substitua completamente o css de bootstrap, mesmo que seja o mesmo seletor.

Como posso solicitar meus arquivos aqui para conseguir isso?

@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

O DURAR CSS substitui o PRIMEIRO CSS chamado.

Então, para fazer isso, eu recomendo que você chame primeiro o CSS menos importante e por último o mais importante.

Neste caso, você ligaria primeiro bootstrap.css e por ultimo basics.css

EDITAR:
Algo assim

@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");