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.

6
Czy istnieje selektor CSS nie równa się?
Czy istnieje coś takiego jak! = (Nierówne) w CSS? np. mam następujący kod: input { ... ... } ale dla niektórych wejść muszę to unieważnić. Chciałbym to zrobić dodając klasę „reset” do tagu wejściowego, np <input class="reset" ... /> a następnie po prostu pomiń ten tag z CSS. Jak mogę …
116 html  css  css-selectors 
5
Wybierz pierwszy występujący element po innym elemencie
Mam następujący kod HTML na stronie: <h4>Some text</h4> <p> Some more text! </p> W moim .cssmam następujący selektor do stylizacji h4elementu. Powyższy kod HTML to tylko niewielka część całego kodu; jest jeszcze kilka divs owiniętych wokół przynależności do shadowboxa: #sb-wrapper #sb-wrapper-inner #sb-body #myDiv h4 { color : #614E43; margin-top : …
114 html  css  css-selectors 
4
Co to jest selektor myszy w CSS?
Zauważyłem, że przyciski i inne elementy mają domyślną stylizację i zachowują się w 3 krokach: widok normalny, widok najechania / skupienia i widok myszy / kliknięcia, w CSS mogę zmienić stylizację widoku normalnego i widoku po najechaniu w następujący sposób: button{ background:#333; color:#FFF; } button:hover{ background:#000; color:#EEE; } ale jak …
114 html  css  css-selectors 
8
CSS „i” i „lub”
Mam dość duży problem, ponieważ muszę wykluczyć ze stylizacji niektórych typów danych wejściowych. Miałem coś takiego: .registration_form_right input:not([type="radio") { //Nah. } Ale nie chcę też stylizować pól wyboru. Próbowałem: .registration_form_right input:not([type="radio" && type="checkbox"]) .registration_form_right input:not([type="radio" && "checkbox"]) .registration_form_right input:not([type="radio") && .registration_form_right input:not(type="checkbox"]) Jak używać &&? Będę musiał użyć ||wkrótce i …
5
Natychmiastowy selektor dziecka w MNIEJ
Czy w ogóle ma LESS zastosować bezpośredni selektor potomny (>) w swoim wyjściu? W moim stylu, bez, chcę napisać coś takiego: .panel { ... > .control { ... } } i mają MNIEJ generować coś takiego: .panel > .control { ... }
112 css  css-selectors  less 
2
Jak zastosować styl do wszystkich elementów potomnych elementu
Mam element z class='myTestClass'. Jak zastosować styl CSS do wszystkich elementów podrzędnych tych elementów? Chcę tylko zastosować styl do elementów dziecięcych. Nie jego wnuki. mógłbym użyć .myTestClass > div { margin: 0 20px; } które działają dla wszystkich divdzieci, ale chciałbym rozwiązania, które działa dla wszystkich dzieci. Myślałem, że przydałoby …
112 css  css-selectors 
5
Pozycja docelowa: lepkie elementy, które są obecnie w stanie „zablokowanym”
position: Sticky działa teraz w niektórych przeglądarkach mobilnych, więc możesz przewijać pasek menu wraz ze stroną, a następnie trzymać się górnej części widoku, gdy użytkownik przewinie obok niego. Ale co, jeśli chcesz nieco zmienić styl swojego przyklejonego paska menu, gdy obecnie się „przykleja”? np. możesz chcieć, aby pasek miał zaokrąglone …
6
Czy powinienem używać notacji z pojedynczym czy podwójnym dwukropkiem dla pseudoelementów?
Ponieważ IE7 i IE8 nie obsługują notacji z podwójnym dwukropkiem dla pseudoelementów (np. ::afterLub ::first-letter), a ponieważ współczesne przeglądarki obsługują notację z pojedynczym dwukropkiem (np. :after) W celu zapewnienia zgodności wstecznej, powinienem używać wyłącznie notacji z pojedynczym dwukropkiem i kiedy Udział w rynku IE8 spadł do znikomego poziomu, cofnąć się …
4
CSS3: niezaznaczona pseudoklasa
Wiem, że istnieje oficjalna :checkedpseudoklasa CSS3 , ale czy istnieje :uncheckedpseudoklasa i czy mają taką samą obsługę przeglądarki? Odniesienie do Sitepoint nie wspomina o jednym, jednak ta specyfikacja whatwg (cokolwiek to jest). Wiem, że ten sam wynik można osiągnąć , łącząc klasy :checkedi :not()pseudoklasy, ale nadal jestem ciekawy: input[type="checkbox"]:not(:checked) { …
11
Korzystanie z selektora ostatniego dziecka
Moim celem jest zastosowanie CSS na końcu li, ale tak się nie dzieje. #refundReasonMenu #nav li:last-child { border-bottom: 1px solid #b5b5b5; } <div id="refundReasonMenu"> <ul id="nav"> <li><a id="abc" href="#">abcde</a></li> <li><a id="def" href="#">xyz</a></li> </ul> </div> Uruchom fragment koduUkryj wynikiRozwiń fragment Jak mogę wybrać tylko ostatnie dziecko?
106 css  css-selectors 
4
Selektor CSS dla <input type = „?”
Czy w CSS jest jakiś sposób na kierowanie wszystkich danych wejściowych na podstawie ich typu? Mam wyłączoną klasę, której używam na różnych wyłączonych elementach formularza, i ustawiam kolor tła dla pól tekstowych, ale nie chcę, aby moje pola wyboru miały ten kolor. Wiem, że mogę to zrobić z oddzielnymi klasami, …
2
Selektor CSS dla innego niż pierwsze dziecko i ostatnie dziecko
Robię bardzo zaawansowaną stronę internetową. Moje pytanie: czy można wybrać wszystkie inne dzieci oprócz :first-childi :last-child? Wiem, że jest:not() selektor, ale nie działa z więcej niż jednym nie w nawiasach. Oto co mam: #navigation ul li:not(:first-child, :last-child) { background: url(images/UISegmentBarButtonmiddle@2x.png); background-size: contain; }
105 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.