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.
Jak wybrać <li>element, który jest bezpośrednim rodzicem elementu kotwiczącego? Na przykład mój CSS byłby mniej więcej taki: li < a.active { property: value; } Oczywiście istnieją sposoby na zrobienie tego za pomocą JavaScript, ale mam nadzieję, że istnieje jakieś obejście, które...
Przekaż opinię na temat przepełnienia stosu w następujący sposób : Селектор левых соседей Znak plus ( +) dotyczy następnego rodzeństwa. Czy istnieje odpowiednik dla poprzedniego
Jakie znaki / symbole są dozwolone w selektorach klas CSS ? Wiem, że następujące znaki są nieprawidłowe , ale jakie znaki są prawidłowe ? ~ ! @ $ % ^ & * ( ) + = , . / ' ; : " ? > < [ ] \ { } | `
Mam kilka elementów o nazwie klasy red, ale nie mogę wybrać pierwszego elementu za class="red"pomocą następującej reguły CSS: .red:first-child { border: 5px solid red; } <p class="red"></p> <div class="red"></div> Uruchom fragment koduUkryj wynikiRozwiń fragment...
Poszukiwanie ~postaci nie jest łatwe. Przeglądałem CSS i znalazłem to .check:checked ~ .content { } Co to
Mam divtag zawierający kilka ultagów. Jestem w stanie ustawić właściwości CSS tylko dla pierwszego ultagu: div ul:first-child { background-color: #900; } Jednak moje poniższe próby ustawienia właściwości CSS dla każdego ultagu, z wyjątkiem pierwszego, nie działają: div ul:not:first-child {...
Na przykład: p + p { /* Some declarations */ } Nie wiem co to +znaczy. Jaka jest różnica między tym a definiowaniem stylu pbez +
Próbuję wybrać inputelementy wszystkich typez wyjątkiem radioi checkbox. Wiele osób pokazało, że możesz włożyć wiele argumentów :not, ale używanie typewydaje się nie działać, mimo to próbuję. form input:not([type="radio"], [type="checkbox"]) { /* css here */ } Jakieś...
Mam te divy, z którymi projektuję .tocolor, ale potrzebuję również unikalnego identyfikatora 1,2,3,4 itd., Więc dodaję to jako inną klasę tocolor-1. <div class="tocolor tocolor-1"> tocolor 1 </div> <div class="tocolor tocolor-2"> tocolor 2 </div> <div class="tocolor...
Chciałbym napisać regułę wyboru CSS, która wybiera wszystkie elementy, które nie mają określonej klasy. Na przykład biorąc pod uwagę następujący kod HTML: <html class="printable"> <body class="printable"> <h1 class="printable">Example</h1> <nav> <!-- Some menu...
Selektory CSS są dopasowane przez silniki przeglądarki od prawej do lewej. Najpierw znajdują dzieci, a następnie sprawdzają rodziców, czy pasują do reszty reguł. Dlaczego to? Czy to tylko dlatego, że specyfikacja mówi? Czy wpływa to na ostateczny układ, jeśli był oceniany od lewej do...
Szukam selektora CSS dla poniższej tabeli: Peter | male | 34 Susanne | female | 12 Czy jest jakiś selektor pasujący do wszystkich niszczycieli czołgów zawierających
Czy można wybrać elementy w CSS według ich atrybutów danych HTML5 (na przykład
Na przykład: div > p.some_class { /* Some declarations */ } Co dokładnie oznacza
Czy istnieje sposób wybrania elementu z CSS na podstawie wartości atrybutu class ustawionej na dwie konkretne klasy. Na przykład, powiedzmy, że mam 3 div: <div class="foo">Hello Foo</div> <div class="foo bar">Hello World</div> <div class="bar">Hello...
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 > *,...
Jak wybrać wszystkie oprócz ostatniego dziecka za pomocą selektorów CSS3? Na przykład, aby uzyskać tylko ostatnie dziecko, byłoby
Jak mogę kierować pola wprowadzania typu „tekst” za pomocą selektorów CSS?
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>...
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...