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
Odpowiedz
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
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;
}
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.
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>
Tak, tak tak tak i tak. –
Witam @ MДΓΓБДLL cieszę się, że Ci się podoba :-) –
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. –
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.
- 1. Resetowanie głównego CSS - wady?
- 2. Metoda wprowadzania stylów Bootstrap3 CSS
- 3. Resetowanie CSS, które ma zastosowanie tylko do #widgeta
- 4. Pokaż Ukryj div tylko z css
- 5. Ukryj div za pomocą tylko CSS
- 6. Zamień div zamówienie przy użyciu tylko css
- 7. Przejście CSS: zanikanie koloru tła, resetowanie po
- 8. Źródła dla stylów CSS odpowiednie dla wyjścia Knitr-Markdown?
- 9. jQuery.animate() tylko z klasą css, bez jawnych stylów
- 10. css: po nadpisaniu istniejących stylów
- 11. CSS wybierając div po div z div
- 12. div ignoruje wysokość z arkusza stylów
- 13. Używaj wielu identyfikatorów dla div w CSS
- 14. Łączenie wszystkich arkuszy stylów CSS w jednym arkuszu stylów
- 15. CSS 100% Wysokość Div
- 16. Aktualizacja Reguła CSS w arkuszu stylów
- 17. Jak stylów CSS wyboru czcionką Niesamowite
- 18. Określanie stylów dla elementów potomnych modyfikatora BEM
- 19. Wybór elementu wewnątrz Div dla dekoracji CSS
- 20. CSS Zaokrąglone Corner DIV
- 21. Resetowanie przejść css w Internet Explorer 10
- 22. stosowania css tylko dla rodziców, ale nie dla dzieci
- 23. Najlepszy sposób na strukturyzowanie arkusza stylów CSS
- 24. CSS div 100% wysokość
- 25. Dynamicznie dodawaj arkusze stylów CSS do JavaFX
- 26. Zmiana formatu arkuszy stylów CSS w Eclipse
- 27. Css - Zastępowanie specyficznych stylów programu Internet Explorer
- 28. Pełne skalowanie wysokości rzutowania div tylko css no js ... Możliwe?
- 29. Zmiana koloru tła div na kliknięcie przy użyciu tylko css
- 30. jak stworzyć ten kształt z tylko DIV i CSS
Czy możesz dodać przykładowy kod? – Bazzz
Powiązane: http://stackoverflow.com/q/116754/612253 –
możliwy duplikat [Resetuj/usuń style CSS tylko dla elementu] (http://stackoverflow.com/questions/15901030/reset-remove-css-styles -for-element-only) –