Ustawianie kolorów w klasie CSS nie działa

Nie mogę ustawić tej klasy CSS, instrukcja kolorów nie działa, ale tekst-cień robi. Pomóż mi?Ustawianie kolorów w klasie CSS nie działa

.jumbotron { 
    position: relative; 
    padding: 40px 0; 
    color: #6495ed; 
    text-align: center; 
    text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075); 
}

Próbowałem usunąć tekst-cień, ale to też nie zadziałało.

Źródło

2013-01-19 Black_Ram

Jaki jest twój problem? Wygląda na to, że działa dobrze we wszystkich moich przeglądarkach. Oto [skrzypce] (http://jsfiddle.net/FjDdt/). Tekst jest niebieski z szarym cieniem. – toniedzwiedz

Wypróbuj 'color: # 6495ed! Important' – Wilq

[wygląda jak numer zamówienia css] (http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/) – Peter

Użyj opcji !important, aby zastąpić inne style kolorów.

jak: color: #6495ed !important

Źródło

2013-01-19 12:35:34 Wilq

! Ważny może być niebezpieczny, ponieważ stosuje ten styl do klasy, nie id. Upewnij się, że nie przesłania on niczego w nieoczekiwany sposób. –

Dodaje także wagę reguły i jest wolniejszy w przypadku starszych wersji selektorów przeglądarki. Ataki powinny być wykonywane przy użyciu kolejności kaskady. Jedynym momentem, w którym powinieneś użyć tego, co ważne, jest obejście błędów w dopełnieniu przycisku Mozilli z ich domyślnego arkusza stylów. –

myślę, że klamra zamykająca brakuje. Ustaw wszystkie ustawienia w klasie .jumbotron i spróbuj. Powodzenia.

Zrobiłem test o kodzie CSS jak poniżej:

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8" /> 
    <title>Untitled</title> 
    <meta name="author" content="" /> 
    <style> 
    .jumbotron { 
     position: relative; 
     padding: 40px 0; 
     color: red; 
     text-align: center; 
     text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075); 
    } 
    </style> 
</head> 
<body> 
    <p class="jumbotron">This is a test</p> 
</body> 
</html>

Wydaje się działać dobrze

Źródło

2013-01-19 12:44:34 Sarah

przypadku zmiany koloru tła, ale tekst nie wtedy jedną z możliwych przyczyn może być kotwica . Domyślnie, gdy umieścisz tekst w zakotwiczeniu, automatycznie zostanie on podkreślony, ponieważ jest linkiem i podkreślony, gdy jest odwiedzany raz. Więc jeśli ktoś ten problem spróbuj nadrzędnymi że w CSS przez

a:hover, a:active, a:link, a:visited { 
    text-decoration:none; 
    color : #000; /* for example */ 
}

lub po prostu powtórzyć pozycję css i dodać "a" przed klasą:

myClass, myClass a { }

Źródło

2016-11-24 14:33:36

Ustawianie kolorów w klasie CSS nie działa

Odpowiedz

Powiązane problemy