2011-11-29 20 views
8

Cóż, mam duży dokument HTML. I chcę uzyskać kontrolę nad tym dokumentem, ale style CSS tego sterowania nakładają się na style dużego dokumentu HTML. Jak mogę zresetować wszystkie style tylko dla div (i wszystkich zagnieżdżonych divów)?Resetowanie stylów CSS dla tylko div

+0

Czy możesz dodać przykładowy kod? – Bazzz

+0

Powiązane: http://stackoverflow.com/q/116754/612253 –

+0

możliwy duplikat [Resetuj/usuń style CSS tylko dla elementu] (http://stackoverflow.com/questions/15901030/reset-remove-css-styles -for-element-only) –

Odpowiedz

0

Jednym z rozwiązań (może nie najlepszym) jest użycie !important po atrybucie css, aby nadpisać styl. Lub użyć css reset tool i przepisać go na tylko pożądany div

1

byłoby chcesz dodać regułę CSS do swojego arkusza stylów, który odnosi się tylko do kontroli, którą próbujesz osadzić; coś w tym stylu:

#yourDivID 
{ 
    display: block; 
    border:0; 
    color:black; 
} 

Prawdopodobnie będziesz potrzebował więcej atrybutów, aby usunąć inne style, które mogą być stosowane, to tylko przykład.

Teraz każdy element kontrolny umieszczony w tym głównym elemencie div, musiałbyś utworzyć reguły, które specyficznie adresują te obiekty. Na przykład:

#yourDivID div 
{ 
    display: block; 
    border:1px solid black; 
} 
0

Myślę, że rozumiem, co masz na myśli, czy są to różne arkusze stylów? jeśli tak umieścić nowy pod starym w np HTML

<link type="text/css" href="/bightmldoc.css" /> 
<link type="text/css" href="/newdiv.css" /> 

lub po prostu umieścić nowy kod div na dole arkusza stylów, jeśli masz tylko jeden. Bez przykładu tego, co się dzieje, ciężko jest ustalić, jaki będzie najlepszy sposób działania.

15

Z Yahoo zresetować http://yuilibrary.com/yui/docs/cssreset/

Istnieje "kontekstowe" wersja, która jedynie przywrócić elementy, które są decendent z .yui3-cssreset

np

<div class="yui3-cssreset"> 
    <!-- Anything in here would be reset--> 
</div> 
+1

Tak, tak tak tak i tak. –

+0

Witam @ MДΓΓБДLL cieszę się, że Ci się podoba :-) –

+0

Oto odpowiedź, którą napisałbym, gdybyś już tego nie zrobił. Nie ma potrzeby brzydkiego '' important' hackery lub ręcznego przepisywania resetowania całej strony. –

0

powinienem powiedzieć, że nie należy robić !important jeśli naprawdę nie mają robić, gdy jest uważany hack. Chciałem zrobić selektor z większą ilością kroków. Jeśli masz jakiekolwiek identyfikatory, użyj ich do określenia obiektów od momentu zastąpienia klas ID. Na przykład, jeśli użyjesz pierwszego z moich przykładów, prawdopodobnie otrzymasz kody nadpisane przez inne klasy. Ale jeśli spróbujesz znaleźć dłuższą ścieżkę dla selektora, możesz uzyskać lepszy wynik.

.yourdiv {} 

#main .rightcol .box .yourdiv {} 

jeśli naprawdę trzeba to możesz używać !important ale jeśli można nie próbować.

Mam nadzieję, że to ci trochę pomoże.

Powiązane problemy