Czy można wybrać, powiedzmy, co czwarty element w zestawie elementów? Np .: Mam 16 <div>elementów ... Mógłbym napisać coś takiego. div:nth-child(4), div:nth-child(8), div:nth-child(12), div:nth-child(16) czy jest na to lepszy sposób?
Czy można użyć selektora CSS3, :first-of-typeaby wybrać pierwszy element o danej nazwie klasy? Mój test się nie powiódł, więc myślę, że nie? Kod ( http://jsfiddle.net/YWY4L/ ): p:first-of-type {color:blue} p.myclass1:first-of-type {color:red} .myclass2:first-of-type {color:green} <div> <div>This text should appear as normal</div> <p>This text should be blue.</p> <p class="myclass1">This text should appear red.</p> …
Cały czas czytam, że CSS nie rozróżnia wielkości liter, ale mam ten selektor .holiday-type.Selfcatering które kiedy używam w moim HTML, tak jak ten, zostaje odebrane <div class="holiday-type Selfcatering"> Jeśli zmienię powyższy selektor w ten sposób .holiday-type.SelfCatering Wtedy styl nie zostanie wybrany. Ktoś kłamie.
Jeśli mam następujący div: <div class="sectionA" id="content"> Lorem Ipsum... </div> Czy istnieje sposób zdefiniowania stylu, który wyraża ideę „Div z id='content'AND class='myClass'”? A może po prostu poszedłeś tą czy inną drogą jak w <div class="content-sectionA"> Lorem Ipsum... </div> Lub <div id="content-sectionA"> Lorem Ipsum... </div>
Jaka jest różnica między #i .podczas deklarowania zestaw stylów dla elementu i jakie są semantyka które wchodzą w grę przy podejmowaniu decyzji, który z nich korzystać?
W CSS *dopasuje dowolny element. Często *|*stosuje się zamiast *dopasowywać wszystkie elementy. Jest to zwykle używane do celów testowych. Jaka jest różnica pomiędzy *i *|*w CSS?
Jeśli mam tag nagłówka <h1 class="hc-reform">title</h1> h1.hc-reform{ float:left; font-size:30px; color:#0e73bb; font-weight:bold; margin:10px 0px; } a potem mam akapit <p>stuff here</p>. Jak mogę zapewnić użycie CSS, którego używa każdy <p>znacznik następujący h1.hc-reform:clear:both; czy to byłoby: h1.hc-reform > p{ clear:both; } z jakiegoś powodu to nie działa.
Jeśli HTML ma takie elementy: id="product42" id="product43" ... Jak dopasować wszystkie te identyfikatory zaczynające się od „produktu”? Widziałem odpowiedzi, które robią to dokładnie za pomocą javascript, ale jak to zrobić tylko za pomocą CSS?
Ten selektor widziałem na Twitterze Bootstrap: .show-grid [class*="span"] { background-color: #eee; text-align: center; border-radius: 3px; min-height: 30px; line-height: 30px; } Czy ktoś wie, jak nazywa się ta technika i co ona robi?
Mam komponent w Angular 2 o nazwie my-comp: <my-comp></my-comp> Jak stylizuje się element główny tego komponentu w Angular 2? W Polymer użyłbyś selektora „: host”. Próbowałem w Angular 2. Ale to nie działa. :host { display: block; width: 100%; height: 100%; } Próbowałem także użyć komponentu jako selektora: my-comp { …
Obecnie pracuję nad projektem, w którym nie mam kontroli nad kodem HTML, do którego stosuję style CSS. A kod HTML nie jest dobrze oznaczony, w tym sensie, że nie ma wystarczającej liczby deklaracji identyfikatorów i klas, aby rozróżniać elementy. Dlatego szukam sposobów na zastosowanie stylów do obiektów, które nie mają …
Używamy plików cookie i innych technologii śledzenia w celu poprawy komfortu przeglądania naszej witryny, aby wyświetlać spersonalizowane treści i ukierunkowane reklamy, analizować ruch w naszej witrynie, i zrozumieć, skąd pochodzą nasi goście.
Kontynuując, wyrażasz zgodę na korzystanie z plików cookie i innych technologii śledzenia oraz potwierdzasz, że masz co najmniej 16 lat lub zgodę rodzica lub opiekuna.