mam kod CSS tak:Jak element zastępczy pseudo debugowania w firefox?
:-moz-placeholder,::-moz-placeholder {
color: #999;
/*some additional font styling*/
}
mogę kliknąć "Zbadaj element" i zobaczyć wszystkie informacje o stylu elementu. Ale gdzie mogę zobaczyć wszystkie reguły CSS, które zastosowano do elementu zastępczego elementu?
zastępczy jest pseudo-element, jak i :: :: before after (https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-elements) czasami odnoszone jako pseudo-klasy (https://developer.mozilla.org/en-US/docs/Web/CSS/pseudo-classes)
Te typy elementów nie może być postrzegane w Firefox inspektora, co potrzebne przynajmniej Firebug lub Chrome Dev Tools, ale ostatnio jest również dostępny w Inspektorze Firefox. Są one częścią "shadow house" (ekstremalnie prostego opisu: elementy tworzone przez przeglądarkę wewnątrz innych elementów).
Powinieneś być w stanie znaleźć symbol zastępczy w inspektorze domowym wewnątrz elementów wejściowych lub tekstowych, np. wybierz element wejściowy, a następnie wybierz "Zbadaj element" z menu po prawej stronie kliknij, powinieneś zobaczyć coś takiego:
Firefox inspektor
Chrome Dev Tools
Dla Chrome może być konieczne włączenie opcji "Pokaż cień użytkownika" ow DOM "w ustawieniach Dev Tools.
Ta odpowiedź byłaby jeszcze lepsza, gdybyś wyjaśnił, gdzie w Firbug i/lub Narzędziach Chrome znaleźć symbol zastępczy. – Jeff
W Chrome możesz przełączyć shado dom przez koło zębate na powyższym obrazku (lub w pobliżu). To otwiera ustawienia i jest opcja "Show Shadow Dom", sprawdź to i odśwież stronę, aby zobaczyć cień DOM. –
Pseudoelement różni się od pseudoklasy. Zgodnie ze specyfikacją: "'::' uruchamia pseudoelement, ':' pseudoklasę" (na http://dev.w3.org/csswg/selectors-4) –
Po tym będzie można kliknąć na pseudo elementy: przed &: po i zobacz ich styl. Nie wiem, dlaczego jest to wyłączone, w Chrome działa domyślnie.
Od tego link
chcesz być patrząc wzdłuż linii ** Pokaż User Agent CSS ** (dla Firebug), choć to inna dla każdego/narzędzia kontroli DOM przeglądarki. Napiszę pełną odpowiedź, jeśli dziś znajdę czas. – Xareyo
Wygląda na to, że używasz wbudowanego narzędzia inspekcji Firefox. Więc chcesz iść _Inspect Element (Q)> Computed> Zaznacz pole "Style przeglądarki", na dole_ – Xareyo