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.

2
Zaznacz wszystkie elementy potomne rekurencyjnie w CSS
Jak wybrać rekurencyjnie wszystkie elementy potomne? div.dropdown, div.dropdown > * { color: red; } Ta klasa rzuca klasę tylko na zdefiniowaną nazwę klasy i wszystkie bezpośrednie dzieci. Jak w prosty sposób wybrać wszystkie childNodes w ten sposób: div.dropdown, div.dropdown > *, div.dropdown > * > *, div.dropdown > * > …
407 css  css-selectors 
8
CSS: not (: last-child): po selektorze
Mam listę elementów, które są stylizowane w następujący sposób: ul { list-style-type: none; text-align: center; } li { display: inline; } li:not(:last-child):after { content:' |'; } <ul> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li> <li>Five</li> </ul> Uruchom fragment koduUkryj wynikiRozwiń fragment kodu Wyjścia One | Two | Three | Four | Five |zamiastOne …
3
Wybierz element na podstawie wielu klas
Mam regułę stylu, którą chcę zastosować do tagu, gdy ma on dwie klasy. Czy jest jakiś sposób na wykonanie tego bez JavaScript? Innymi słowy: <li class='left ui-class-selector'> Chcę zastosować moją regułę stylu tylko wtedy, gdy lizastosowano obie klasy .lefti .ui-class-selectorklasy.
360 css  css-selectors 
10
jQuery pierwsze dziecko „tego”
Próbuję przekazać „to” z zakresu kliknięcia do funkcji jQuery, która może następnie wykonać jQuery na pierwszym elemencie potomnym tego klikniętego elementu. Wydaje się, że nie mogę tego zrobić poprawnie ... <p onclick="toggleSection($(this));"><span class="redClass"></span></p> JavaScript: function toggleSection(element) { element.toggleClass("redClass"); } Jak odwołać się do: first-child elementu?
6
Czy istnieje selektor CSS tylko dla pierwszego bezpośredniego dziecka?
Mam następujący HTML <div class="section"> <div>header</div> <div> contents <div>sub contents 1</div> <div>sub contents 2</div> </div> </div> I następujący styl: DIV.section DIV:first-child { ... } Z jakiegoś powodu, dla którego nie rozumiem, styl jest stosowany do „zawartości podrzędnej 1”, <div> a także do „nagłówka” <div> . Pomyślałem, że selektor stylu będzie …
315 html  css  css-selectors 
7
Czy CSS może wykryć liczbę dzieci elementu?
Prawdopodobnie odpowiadam na moje pytanie, ale jestem bardzo ciekawy. Wiem, że CSS może wybierać pojedyncze dzieci rodzica, ale czy istnieje wsparcie w stylizowaniu dzieci kontenera, jeśli jego rodzic ma pewną liczbę dzieci. na przykład container:children(8) { // style the parent this way if there are 8 children } Wiem, że …
304 css  css-selectors 
7
Selektory CSS Child vs. Descendant
Jestem trochę zdezorientowany między tymi dwoma selektorami. Czy potomek selektor: div p wybierz wszystko pw obrębie divtego, czy jest to natychmiastowe przyzwolenie? Więc jeśli pjest w innym div, nadal będzie wybrany? Następnie selektor podrzędny : div > p Co za różnica? Czy dziecko oznacza natychmiastowe dziecko? Na przykład. <div><p> vs …
298 css  css-selectors 
5
Określ wiele selektorów atrybutów w CSS
Jaka jest składnia do robienia czegoś takiego: input[name="Sex" AND value="M"] Zasadniczo chcę wybrać inputelement, który ma atrybut, name="Sex"a także atrybut value="M": <input type="radio" name="Sex" value="M" /> Elementy takie jak następujące nie powinny być wybrane: <input type="radio" name="Sex" value="F" />
9
Jak mogę stylizować parzyste i nieparzyste elementy?
Czy można używać pseudoklas CSS do wybierania parzystych i nieparzystych wystąpień elementów listy? Spodziewałbym się, że poniższe wygeneruje listę naprzemiennych kolorów, ale zamiast tego otrzymam listę niebieskich elementów: <html> <head> <style> li { color: blue } li:odd { color:green } li:even { color:red } </style> </head> <body> <ul> <li>ho</li> <li>ho</li> …
281 html  css  css-selectors 
4
Jak mogę zastosować style do wielu klas jednocześnie?
Chcę, aby dwie klasy o różnych nazwach miały tę samą właściwość w CSS. Nie chcę powtarzać kodu. .abc { margin-left:20px; } .xyz { margin-left:20px; } <a class="abc">Lorem</a> <a class="xyz">Ipsum</a> Uruchom fragment koduUkryj wynikiRozwiń fragment kodu Ponieważ obie klasy robią to samo, powinienem być w stanie połączyć je w jedną. Jak …
277 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.