Pytania otagowane jako css-selectors

Selektory to wzorce pasujące do elementów w drzewie dokumentu. W regule CSS służą do definiowania stylów elementów pasujących do wzorca.


10
Wybór pustego pola tekstowego za pomocą jQuery
Jak zidentyfikować puste pola tekstowe za pomocą jQuery? Chciałbym to zrobić używając selektorów, jeśli to w ogóle możliwe. Muszę również wybrać identyfikator, ponieważ w rzeczywistym kodzie, w którym chcę tego użyć, nie chcę wybierać wszystkich danych wejściowych. W poniższych dwóch przykładach kodu, pierwszy z nich dokładnie wyświetla wartość wpisaną przez …

6
Dlaczego document.querySelectorAll zwraca StaticNodeList zamiast prawdziwej tablicy?
Wkurza mnie to, że nie mogę po prostu zrobić document.querySelectorAll(...).map(...)nawet w Firefoksie 3.6, a nadal nie mogę znaleźć odpowiedzi, więc pomyślałem, że napiszę na SO pytanie z tego bloga: http://blowery.org/2008/08/29/yay-for-queryselectorall-boo-for-staticnodelist/ Czy ktoś zna techniczny powód, dla którego nie masz tablicy? Albo dlaczego StaticNodeList nie dziedziczą tablicę w taki sposób, że …

3
Selektor CSS z kropką w ID
Specyfikacja HTML dopuszcza kropki (.) W identyfikatorze: <img id="some.id" /> Jednak użycie reguły selektora identyfikatora CSS nie będzie pasować poprawnie: #some.id { color: #f00; } Specyfikacja CSS dla selektorów ID nie wspomina o tym przypadku. Więc zakładam, że używa kombinacji nazwy tagu i selektora klasy ? Na przykład reguła CSS …
103 html  css  css-selectors 

2
Selektory typu wejścia CSS - Czy można mieć składnię „lub” lub „nie”?
Jeśli istnieją w programowaniu), Jeśli mam formularz HTML z następującymi danymi wejściowymi: <input type="text" /> <input type="password" /> <input type="checkbox" /> Chcę zastosować styl do wszystkich danych wejściowych, które są albo type="text"lub type="password". Alternatywnie, zadowalałbym się wszystkimi danymi wejściowymi, w których type != "checkbox". Wygląda na to, że muszę to …
101 html  css  css-selectors 

5
Sass łączy rodzica za pomocą znaku handlowego „i” (&) z selektorami typów
Mam problem z zagnieżdżeniem w Sassie. Powiedzmy, że mam następujący kod HTML: <p href="#" class="item">Text</p> <p href="#" class="item">Text</p> <a href="#" class="item">Link</a> Kiedy próbuję zagnieździć moje style w następujący sposób, pojawia się błąd kompilacji: .item { color: black; a& { color:blue; } } Jak odwołać się do selektora typu przed selektorem …


2
Selektor atrybutu CSS nie działa z atrybutem href
Muszę użyć selektora atrybutów w css, aby zmienić link na inny kolor i obraz, ale to nie działa. Mam ten html: <a href="/manual.pdf">A PDF File</a> A ten css: a { display: block; height: 25px; padding-left: 25px; color:#333; font: bold 15px Tahoma; text-decoration: none; } a[href='.pdf'] { background: red; } Dlaczego …

6
: pierwsze dziecko nie działa zgodnie z oczekiwaniami
Próbuję wybrać pierwszą h1wewnątrz a divz klasą o nazwie detail_container. Działa, jeśli h1jest pierwszym elementem w tym div, ale jeśli pojawi się później ul, nie zadziała. <style type="text/css"> .detail_container h1:first-child { color:blue; } </style> </head> <body> <div class="detail_container"> <ul> <li></li> <li></li> </ul> <h1>First H1</h1> <h1>Second H1</h1> </div> </body> </html> Miałem …

5
Używanie querySelector z identyfikatorami będącymi liczbami
Z tego, co rozumiem, specyfikacja HTML5 umożliwia używanie identyfikatorów, które są liczbami takimi jak ta. <div id="1"></div> <div id="2"></div> Mogę uzyskać dostęp do tych dobrze za pomocą, getElementByIdale nie za pomocą querySelector. Jeśli spróbuję wykonać następujące czynności, w konsoli pojawi się SyntaxError: DOM Exception 12 . document.querySelector("#1") Jestem po prostu …

5
Co robi gwiazdka (*) w selektorze CSS?
Znalazłem ten kod CSS i uruchomiłem go, aby zobaczyć, co robi, i nakreślił KAŻDY element na stronie, Czy ktoś może wyjaśnić, co robi Asterisk * w CSS? <style> * { outline: 2px dotted red } * * { outline: 2px dotted green } * * * { outline: 2px dotted …

9
Co oznaczają przecinki i spacje w wielu klasach w CSS?
Oto przykład, którego nie rozumiem: .container_12 .grid_6, .container_16 .grid_8 { width: 460px; } Wydaje mi się, że width: 460pxdotyczy to wszystkich wyżej wymienionych klas. Ale dlaczego niektóre klasy są oddzielone przecinkiem ( ,), a niektóre po prostu spacją? Zakładam, że width: 460pxzostanie to zastosowane tylko do tych elementów, które łączą …

5
Co robi selektor * * CSS?
Ostatnio natknąłem się * *na CSS . Odniesienie do witryny - łącze do witryny . W przypadku pojedynczego *użycia w arkuszu stylów CSS Internet i Stack Overflow są zalewane przykładami, ale nie jestem pewien, czy użyć dwóch * *symboli w CSS. Przeszukałem go, ale nie mogłem znaleźć żadnych istotnych informacji …

3
Jak stworzyć regułę CSS dla wszystkich elementów oprócz jednej klasy?
Stworzyłem arkusz stylów CSS dla mojego projektu. Czy istnieje sposób, w jaki mogę utworzyć regułę css, która będzie miała zastosowanie do wszystkich elementów tabeli Z WYJĄTKIEM elementów tabeli należących do klasy „dojoxGrid”? Coś jak: .not(dojoxGrid) table{ width:100%; border-top:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; margin:1em auto; border-collapse:collapse; }

8
Jak wstawić element jako pierwsze dziecko?
Chcę dodać element div jako pierwszy element za pomocą jquery przy każdym kliknięciu przycisku <div id='parent-div'> <!--insert element as a first child here ...--> <div class='child-div'>some text</div> <div class='child-div'>some text</div> <div class='child-div'>some text</div> </div>

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.