Obecnie pracuję nad projektem, w którym nie mam kontroli nad kodem HTML, do którego stosuję style CSS. A kod HTML nie jest dobrze oznaczony, w tym sensie, że nie ma wystarczającej liczby deklaracji identyfikatorów i klas, aby rozróżniać elementy.
Dlatego szukam sposobów na zastosowanie stylów do obiektów, które nie mają atrybutu id ani class.
Czasami elementy formularza mają atrybut „nazwa” lub „wartość”:
<input type="submit" value="Go" name="goButton">
Czy istnieje sposób, w jaki mogę zastosować styl oparty na name = "goButton"? A co z „wartością”?
Trudno jest się tego dowiedzieć, ponieważ wyszukiwarka Google znajduje różne rodzaje przypadków, w których na stronach internetowych pojawiają się ogólne terminy, takie jak „nazwa” i „wartość”.
Podejrzewam, że odpowiedź brzmi nie ... ale może ktoś sprytnie włamał się?
Każda rada byłaby bardzo mile widziana.
źródło
name
Atrybut można umieścić na cokolwiek, jeśli naprawdę chceJeśli dobrze zrozumiem twoje pytanie,
Tak, możesz ustawić styl pojedynczego elementu, jeśli jego identyfikator lub nazwa są dostępne,
na przykład
jeśli identyfikator jest dostępny, możesz uzyskać kontrolę nad elementem, takim jak,
w przeciwnym razie, jeśli nazwa jest dostępna, możesz uzyskać kontrolę nad elementem, takim jak,
źródło
Używanie wcześniej
[name=elementName]{}
bez tagu też będzie działać. Wpłynie to na wszystkie elementy o tej nazwie.Na przykład:
źródło
To idealna praca dla selektora zapytań ...
Następnie możesz przejrzeć te kolekcje w pętli, aby operować na znalezionych elementach.
źródło
jeśli w przypadku, gdy nie używasz nazwy w danych wejściowych, ale innego elementu, możesz wskazać inny element z atrybutem tam.
mam nadzieję, że pomoże. Dziękuję Ci
źródło
źródło
czy zbadałeś możliwość korzystania z jQuery? Ma bardzo model selektora zasięgu (podobny w składni do CSS) i nawet jeśli twoje elementy nie mają identyfikatorów, powinieneś być w stanie je wybrać za pomocą relacji rodzic -> dziecko -> wnuk. Po ich wybraniu jest bardzo proste wywołanie metody (nie pamiętam dokładnej nazwy), która pozwala na zastosowanie stylu CSS do elementu (elementów).
Powinien być prosty w użyciu, a jako bonus najprawdopodobniej będziesz bardzo kompatybilny z różnymi platformami.
źródło