خصوصية CSS مع bootstrap

Question

أحاول أن أفهم خصوصية CSS.ما أريد تحقيقه هو أن يكون ملف basics.css يتمتع بأعلى مستوى من الخصوصية بحيث يقوم كل ما هو موجود بالكتابة فوق ملف bootstrap 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");