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.

3
Połącz: po z: hover
Chcę łączyć :afterz :hoverw CSS (lub innym pseudo selektorze). Zasadniczo mam listę, a element z selectedklasą ma zastosowany kształt strzałki za pomocą :after. Chcę, aby tak samo było w przypadku obiektów, nad którymi się znajdujesz, ale nie mogę sprawić, by działały. Oto kod #alertlist { list-style:none; width: 250px; } #alertlist …
4
Selektor CSS „(A lub B) i C”?
To powinno być proste, ale mam problem ze znalezieniem odpowiednich terminów. Powiedzmy, że mam to: <div class="a c">Foo</div> <div class="b c">Bar</div> W CSS, jak mogę utworzyć selektor, który pasuje do czegoś, co pasuje do „(.a lub .b) i .c”? Wiem, że mógłbym to zrobić: .a.c,.b.c { /* CSS stuff */ …
176 html  css  css-selectors 
4
Czy istnieje selektor CSS według prefiksu klasy?
Chcę zastosować regułę CSS do dowolnego elementu, którego jedna z klas pasuje do określonego prefiksu. Np. Chcę regułę, która będzie miała zastosowanie do div, którego klasa zaczyna się od status-(A i C, ale nie B w następującym fragmencie): <div id='A' class='foo-class status-important bar-class'></div> <div id='B' class='foo-class bar-class'></div> <div id='C' class='foo-class …
175 css  css-selectors 
2
CSS ostatnie dziecko (-1)
Szukam selektora css, który pozwala mi wybrać przedostatnie dziecko listy. <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <!-- select the pre last item dynamically no matter how long this list is --> <li>6</li> </ul> Metoda statyczna: ul li:nth-child(5) Metoda dynamiczna: ul li:last-child(-1) co oczywiście nie sprawdza poprawności, również nth-last-child nie wydaje …
161 css  css-selectors 
10
Selektor CSS do pobrania ostatniego widocznego elementu div
Podchwytliwe pytanie dotyczące selektora CSS, nie wiem, czy to w ogóle możliwe. Powiedzmy, że to jest układ HTML: <div></div> <div></div> <div></div> <div style="display:none"></div> <div style="display:none"></div> Chcę wybrać ostatnią div, która jest wyświetlana (tj. Nie display:none), która byłaby trzecią divw podanym przykładzie. Pamiętaj, liczba divs na prawdziwej stronie może się różnić …
161 html  css  css-selectors 
12
jQuery a document.querySelectorAll
Kilkakrotnie słyszałem, że najsilniejszym atutem jQuery jest sposób, w jaki wykonuje zapytania i manipuluje elementami w DOM: możesz używać zapytań CSS do tworzenia złożonych zapytań, które byłyby bardzo trudne do wykonania w zwykłym javascript. Jednak o ile wiem, ten sam wynik można osiągnąć za pomocą document.querySelectorlub document.querySelectorAll, które są obsługiwane …
3
Styl elementu potomnego po najechaniu kursorem na rodzica
Jak zmienić styl elementu podrzędnego, gdy na elemencie nadrzędnym znajduje się wskaźnik myszy. Jeśli to możliwe, wolałbym rozwiązanie CSS. Czy jest możliwe rozwiązanie poprzez: najedź na selektory CSS. Właściwie muszę zmienić kolor paska opcji wewnątrz panelu, gdy na panelu jest najechanie kursorem. Szukam obsługi wszystkich głównych przeglądarek.
155 css  css-selectors 
9
Jak stylizować atrybut tylko do odczytu za pomocą CSS?
Obecnie używam readonly = "readonly" do wyłączania pól. Teraz próbuję stylizować atrybut za pomocą CSS. Próbowałem użyć input[readonly] { /*styling info here*/ } ale z jakiegoś powodu nie działa. Ja też próbowałem input[readonly='readonly'] { /*styling info here*/ } to też nie działa. Jak ustawić styl atrybutu tylko do odczytu za …
150 html  css  css-selectors 
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.