CSS stwardnienie nieruchomość klasy przesłanianie

Question

Jeśli mam klasę, styl zdefiniowany jako takie:

.myclass{ 
    //bunch of other stuff 
    float:left; 
} 

i zdefiniować inną klasę tak:

.myclass-right{ 
    float:right; 
} 

i zdefiniować div w ten sposób:

<div class="myclass myclass-right"></div> 

Czy ten div odziedziczy wszystko, od myclass, ale nadpisuje właściwość float do float: prawda? Tak się spodziewam. Również chcesz wiedzieć, czy ma to wpływ na przeglądarkę (dobra przeglądarka vs. IE 7 lub wyższa, f *** IE6).

Answer 1

Dopóki selektorów mają taką samą specyficzność (w tym przypadku robią) i .myclass-right styl blok jest zdefiniowane po .myclass, tak.

Edytuj, aby rozwinąć: kolejność wyświetlania klas w elemencie HTML nie ma znaczenia, liczy się tylko specyfika selektora i kolejność, w jakiej selektory pojawiają się w arkuszu stylów.

Answer 2

Korzystanie z !important jest jednym ze sposobów, aby to zrobić.

.myclass-right{ 
    float:right !important; 
} 

Ponadto, jeśli są bardziej szczegółowe z selektora powinien zastąpić również

div.myclass-right{ 
    float:right; 
} 

Answer 3

Dopóki myclass-right zostanie zadeklarowany jako po twoja druga klasa w Twoim pliku css, zadziała.

Answer 4

prostu chciał wyrzucić inną opcję oprócz ważnego jak również kolejność definicji stylu: można łańcucha dwa razem, a także:

.myclass.myclass-right{float:right;} 
.myclass{float:left;} 

Answer 5

W przypadku atrybutów CSS konfliktu, znacznik CSS przychodzi po drugi w arkuszu stylów będzie miał pierwszeństwo.

Innymi słowy - jeśli chcesz, aby jakaś klasa kiedykolwiek zastąpiła inne - po prostu umieść ją na końcu pliku css.