مؤسسة 5 شريط التنقل تغيير لون العنوان

Question

أحاول تغيير اللون الافتراضي لعنواني ، وهو أبيض في الوقت الحالي.

<nav class = "top-bar" data-topbar>
    <ul class = "title-area">
        <li class = "name">
            <h1><%= link_to "CF logo", root_path, class: "home"%></h1>
        </li>
    </ul>
</nav>

حاولت الاتصال

.name h1{
    color:red;
}

و

.title-area .name h1{
    color:red;
}

حتى

.home{
    font-size: 1.5em;
    font-color: red;
}

لكن لا أحد منهم يعمل.ماذا يمكنني أن أفعل?

Answer 1

إذا كان العنوان الخاص بك داخل علامة مرساة <a> - سترغب بشيء كهذا:

.top-bar .name a { color: #9dcf81; }

داخل كروم ، بعد فحص العنصر الخاص بك ، والبحث عن رمز زائد بمجرد تسليط الضوء على العنوان الخاص بك مع النقر بالماوس.النظر في استخدام !important السمة إذا كان اللون لا يلتصق.

ملاحظة.- يرجى تقديم وصلة مع خدمة تقصير رابط (إذا كنت تشعر بالقلق إزاء الخصوصية) إلى موقع الويب الخاص بك.

Answer 2

يعتمد استخدام قاعدة كس أم لا على خصوصية المحددات.انظر مدن لمزيد من التفاصيل حول كيفية حساب خصوصية محدد كس.

إذا كنت تريد أن ترى أي بيان كس هو تجاوز واحد الخاص بك (يفترض واحدة من الأساليب المحددة في مكتبة كس الأساس الذي تستخدمه) ، ثم أوصي أداة مثل فيريبوج أو كروم أدوات المطور التي تسمح لك لفحص عنصر ومعرفة القواعد التي تؤخذ بعين الاعتبار والتي يتم تجاوزها من قبل محددات أكثر تحديدا.

يمكنك أيضا استخدام important! داخل محدد لتجاوز خصوصية ، ولكن استخدام هذا بحذر.هكذا على سبيل المثال:-

.name h1 {
    color:red !important;
}