Pertanyaan yang diberi tag «css-selectors»

Bagaimana saya bisa memilih semua trelemen kecuali yang pertama trdalam tabel dengan CSS? Saya mencoba menggunakan metode ini , tetapi ternyata tidak berhasil.

257 css  css-selectors 

HTML: <label for="email">{t _your_email}:</label> CSS: label { display: block; width: 156px; cursor: pointer; padding-right: 6px; padding-bottom: 1px; } Saya ingin memilih label berdasarkan atribut 'untuk' untuk membuat perubahan tata letak.

256 css  css-selectors 

Apakah mungkin untuk memilih, katakanlah, setiap elemen keempat dalam serangkaian elemen? Ex: Saya punya 16 <div>elemen ... Saya bisa menulis sesuatu seperti. div:nth-child(4), div:nth-child(8), div:nth-child(12), div:nth-child(16) apakah ada cara yang lebih baik untuk melakukan ini?

242 css  css-selectors 

Saya ingin menerapkan gaya hanya ke tabel di dalam DIV dengan kelas tertentu: Catatan: Saya lebih suka menggunakan pemilih-css untuk elemen anak-anak. Mengapa # 1 berfungsi dan # 2 tidak? 1: div.test th, div.test td, div.test caption {padding:40px 100px 40px 50px;} 2: div.test th, td, caption {padding:40px 100px 40px 50px;} …

232 css  css-selectors 

Apakah mungkin menggunakan pemilih CSS3 :first-of-typeuntuk memilih elemen pertama dengan nama kelas yang diberikan? Saya belum berhasil dengan tes saya jadi saya pikir tidak? Kode ( 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 …

230 css  css-selectors 

Saya terus membaca di mana-mana bahwa CSS tidak peka terhadap huruf besar-kecil, tetapi saya memiliki pemilih ini .holiday-type.Selfcatering yang ketika saya gunakan dalam HTML saya, seperti ini, diambil <div class="holiday-type Selfcatering"> Jika saya mengubah pemilih di atas seperti ini .holiday-type.SelfCatering Maka gaya tidak dijemput. Seseorang berbohong.

229 html  css  css-selectors 

Jika saya memiliki div berikut: <div class="sectionA" id="content"> Lorem Ipsum... </div> Apakah ada cara untuk mendefinisikan gaya yang mengekspresikan ide "A div with id='content'AND class='myClass'"? Atau apakah Anda hanya pergi satu atau lain cara seperti di <div class="content-sectionA"> Lorem Ipsum... </div> Atau <div id="content-sectionA"> Lorem Ipsum... </div>

221 css  css-selectors 

Apa perbedaan antara #dan .ketika mendeklarasikan serangkaian gaya untuk elemen dan apa semantik yang ikut bermain saat memutuskan mana yang akan digunakan?

217 css  css-selectors 

Di CSS, *akan cocok dengan elemen apa pun. Seringkali, *|*digunakan sebagai ganti *untuk mencocokkan semua elemen. Ini umumnya digunakan untuk tujuan pengujian. Apa perbedaan antara *dan *|*dalam CSS?

211 css  css-selectors  namespaces 

Jika saya memiliki tag header <h1 class="hc-reform">title</h1> h1.hc-reform{ float:left; font-size:30px; color:#0e73bb; font-weight:bold; margin:10px 0px; } dan setelah itu saya punya paragraf <p>stuff here</p>. Bagaimana saya bisa memastikan menggunakan CSS bahwa setiap <p>tag yang mengikuti h1.hc-reformuntuk menggunakan:clear:both; apakah itu: h1.hc-reform > p{ clear:both; } untuk beberapa alasan itu tidak berfungsi.

200 html  css  css-selectors  siblings 

Jika HTML memiliki elemen seperti ini: id="product42" id="product43" ... Bagaimana cara mencocokkan semua id yang dimulai dengan "produk"? Saya telah melihat jawaban yang melakukan ini persis menggunakan javascript, tetapi bagaimana melakukannya hanya dengan CSS?

194 html  css  css-selectors 

Saya melihat pemilih ini di Twitter Bootstrap: .show-grid [class*="span"] { background-color: #eee; text-align: center; border-radius: 3px; min-height: 30px; line-height: 30px; } Adakah yang tahu teknik ini disebut dan apa fungsinya?

190 css  css-selectors 

Saya memiliki komponen dalam Angular 2 yang disebut my-comp: <my-comp></my-comp> Bagaimana satu gaya elemen host komponen ini di Angular 2? Di Polymer, Anda akan menggunakan pemilih ": host". Saya mencobanya di Angular 2. Tetapi tidak berhasil. :host { display: block; width: 100%; height: 100%; } Saya juga mencoba menggunakan komponen …

189 css  angular  css-selectors  angular-components 

Saat ini saya sedang mengerjakan proyek di mana saya tidak memiliki kendali atas HTML yang saya gunakan untuk menerapkan gaya CSS. Dan HTML tidak diberi label dengan sangat baik, dalam arti bahwa tidak ada cukup id dan deklarasi kelas untuk membedakan antara elemen. Jadi, saya mencari cara saya bisa menerapkan …

176 html  css  css-selectors 

<div class="commentList"> <article class="comment " id="com21"></article> <article class="comment " id="com20"></article> <article class="comment " id="com19"></article> <div class="something"> hello </div> </div> Saya ingin memilih #com19? .comment { width:470px; border-bottom:1px dotted #f0f0f0; margin-bottom:10px; } .comment:last-child { border-bottom:none; margin-bottom:0; } Itu tidak berfungsi selama saya memiliki div.somethinganak terakhir yang sebenarnya di commentList. Apakah mungkin …

176 html  css  css-selectors