Специфика CSS с помощью начальной загрузки

Question

Я пытаюсь понять специфику CSS.Чего я хочу добиться, так это добиться того, чтобы файл Basics.css имел максимальную специфичность, чтобы все, что там есть, полностью перезаписывало загрузочный css, даже если это тот же селектор.

Как я могу заказать файлы здесь, чтобы добиться этого?

@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

А ПОСЛЕДНИЙ CSS перезаписывает ПЕРВЫЙ CSS позвонил.

Итак, для этого я бы порекомендовал вам сначала вызовите наименее важный CSS и последнее самое важное.

В этом случае сначала позвоните bootstrap.css и последний 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");
@import url("common.css");  
@import url("links.css");
@import url("content.css");
@import url("colours.css");
@import url("basics.css");