Programowanie css-selectors

2

Wybierz przedostatni element za pomocą CSS

Wiem już o: ostatnim dziecku. Ale czy istnieje sposób na wybranie div: <div id="container"> <div>a</div> <div>b</div> <div>SELECT THIS</div>  <div>c</div> </div> UWAGA: bez jQuery, tylko z CSS

140 html css css-selectors

3

Wejście pseudoklas CSS: nie (wyłączone) nie: [typ = „wyślij”]: fokus

Chcę zastosować css dla elementów wejściowych i chcę to zrobić tylko dla wejść, które nie są wyłączone i nie są typu przesyłania, poniżej css nie działa, może jeśli ktoś może mi wytłumaczyć, jak należy to dodać. input:not(disabled)not:[type="submit"]:focus{ box-shadow:0 0 2px 0 #0066FF; -webkit-box-shadow:0 0 4px 0 #66A3FF; }

138 css css-selectors pseudo-class

3

Jak wykluczyć określoną nazwę klasy w selektorze CSS?

Próbuję zastosować kolor tła, gdy mysz użytkownika najedzie na element, którego nazwa klasy to "reMode_hover". Ale nie chcę zmieniać koloru, jeśli element też ma"reMode_selected" Uwaga: mogę używać tylko CSS, a nie javascript, ponieważ pracuję w jakimś ograniczonym środowisku. Aby wyjaśnić, moim celem jest pokolorowanie pierwszego elementu po najechaniu myszą, ale …

137 html css css-selectors

7

Zastosuj styl tylko do pierwszego poziomu tagów td

Czy istnieje sposób na zastosowanie stylu klasy tylko do JEDNEGO poziomu tagów td? <style>.MyClass td {border: solid 1px red;}</style> <table class="MyClass"> <tr> <td> THIS SHOULD HAVE RED BORDERS </td> <td> THIS SHOULD HAVE RED BORDERS <table><tr><td>THIS SHOULD NOT HAVE ANY</td></tr></table> </td> </tr> </table>

136 css css-selectors

2

: po vs. :: po

Czy jest jakaś funkcjonalna różnica między CSS 2.1 :aftera ::afterpseudo-selektorami CSS 3 (poza ::aftertym, że nie są obsługiwane w starszych przeglądarkach)? Czy jest jakiś praktyczny powód, aby używać nowszej specyfikacji?

135 css css-selectors pseudo-element pseudo-class

4

Pseudoklasy CSS ze stylami wbudowanymi

На этот вопрос есть ответы на Przepełnienie stosu на русском : Как прописать: hover внутри style = ''? Czy można mieć pseudoklasy korzystające ze stylów wbudowanych? Przykład: <a href="http://www.google.com" style="hover:text-decoration:none;">Google</a> Wiem, że powyższy kod HTML nie będzie działać, ale czy jest coś podobnego, co będzie działać? PS Wiem, że powinienem …

131 html css css-selectors pseudo-class inline-styles

5

Czy można wybrać ostatnie n pozycji z n-tym dzieckiem?

Korzystając z listy standardowej, próbuję wybrać ostatnie 2 elementy listy. Mam różne permutacje, An+Bale nic nie wydaje się wybierać ostatnich 2: li:nth-child(n+2) {} /* selects from the second onwards */ li:nth-child(n-2) {} /* selects everything */ li:nth-child(-n+2) {} /* selects first two only */ li:nth-child(-n-2) {} /* selects nothing */ …

131 css css-selectors

5

Jaka jest różnica między „>” a spacją w selektorach CSS?

Jaki jest sens używania tej składni div.card > div.name Jaka jest różnica między tym div.card div.name

126 css css-selectors

2

Sass i połączony selektor podrzędny

Właśnie odkryłem Sass i byłem tym bardzo podekscytowany. W mojej witrynie internetowej implementuję drzewiaste menu nawigacyjne, stylizowane za pomocą kombinatora potomnego ( E > F). Czy istnieje sposób na przepisanie tego kodu z prostszą (lub lepszą) składnią w Sassie? #foo > ul > li > ul > li > a …

126 css css-selectors sass

4

Ustalenie, czy jQuery nie znalazł żadnego elementu

Używam selektorów jQuery, zwłaszcza selektora id: $("#elementId")... Jak określić, czy jQuery odnalazł element, czy nie? Nawet jeśli element o określonym id nie istnieje, następna instrukcja daje mi:[object Object] alert($("#idThatDoesnotexist"));

126 jquery css-selectors

7

Jak obliczane są punkty specyficzności CSS

Badając specyfikę, natknąłem się na tego bloga - http://www.htmldog.com/guides/cssadvanced/specificity/ Stwierdza, że specyficzność jest systemem punktacji dla CSS. Mówi nam, że elementy są warte 1 punkt, klasy są warte 10 punktów, a identyfikatory są warte 100 punktów. Na górze znajduje się również stwierdzenie, że te punkty są sumowane, a ogólna kwota …

124 css css-selectors css-specificity

3

Jaka jest różnica między: first-child i: first-of-type?

Nie potrafię odróżnić element:first-childielement:first-of-type Na przykład powiedz, że masz element div div:first-child → Wszystkie <div>elementy, które są pierwszym dzieckiem swojego rodzica. div:first-of-type → Wszystkie <div>elementy, które są pierwszym <div>elementem ich rodzica. Wydaje się, że to dokładnie to samo, ale działają inaczej. Czy mógłby ktoś wyjaśnić?

124 css css-selectors

3

Jak używać querySelectorAll tylko dla elementów, które mają określony ustawiony atrybut?

Próbuję użyć document.querySelectorAlldla wszystkich pól wyboru, które mają valueustawiony atrybut. Na stronie znajdują się inne pola wyboru, które nie mają valueustawionych, a wartość jest inna dla każdego pola wyboru. Identyfikatory i nazwy nie są jednak unikalne. Przykład: <input type="checkbox" id="c2" name="c2" value="DE039230952"/> Jak wybrać tylko te pola wyboru, które mają …

124 javascript css-selectors selectors-api

10

Używanie querySelectorAll do pobierania bezpośrednich elementów podrzędnych

Potrafię to zrobić: <div id="myDiv"> <div class="foo"></div> </div> myDiv = getElementById("myDiv"); myDiv.querySelectorAll("#myDiv > .foo"); Oznacza to, że mogę pomyślnie pobrać wszystkie bezpośrednie elementy potomne myDivelementu, który ma klasę .foo. Problem w tym, że przeszkadza mi to, że muszę #myDivw selektorze zawrzeć , bo odpytuję na myDivelement (więc jest oczywiście zbędne). …

119 javascript dom css-selectors

7

Czy mogę łączyć: nth-child () lub: nth-of-type () z dowolnym selektorem?

Czy istnieje sposób na wybranie każdego n-tego dziecka, które pasuje (lub nie pasuje) do dowolnego selektora ? Na przykład chcę zaznaczyć każdy nieparzysty wiersz tabeli, ale w podzbiorze wierszy: table.myClass tr.row:nth-child(odd) { ... } <table class="myClass"> <tr> <td>Row <tr class="row">  <td>Row <tr class="row"> <td>Row <tr …

117 css css-selectors

Pytania otagowane jako css-selectors