Câu hỏi được gắn thẻ «css-selectors»

Làm cách nào tôi có thể chọn tất cả các trphần tử ngoại trừ phần tử đầu tiên trtrong bảng có CSS? Tôi đã thử sử dụng phương pháp này , nhưng thấy rằng nó không hoạt động.

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; } Tôi muốn chọn nhãn dựa trên thuộc tính 'for' để thực hiện thay đổi bố cục.

256 css  css-selectors 

Có thể chọn, giả sử, mọi phần tử thứ tư trong một tập hợp các phần tử không? Vd: Tôi có 16 <div>yếu tố ... Tôi có thể viết một cái gì đó như. div:nth-child(4), div:nth-child(8), div:nth-child(12), div:nth-child(16) Có cách nào tốt hơn để làm điều này?

242 css  css-selectors 

Tôi muốn chỉ áp dụng các kiểu cho bảng bên trong DIV với một lớp cụ thể: Lưu ý: Tôi muốn sử dụng bộ chọn css cho các phần tử con. Tại sao số 1 hoạt động và số 2 không? 1: div.test th, div.test td, div.test caption {padding:40px 100px …

232 css  css-selectors 

Có thể sử dụng bộ chọn CSS3 :first-of-typeđể chọn phần tử đầu tiên với tên lớp đã cho không? Tôi đã không thành công với thử nghiệm của mình vì vậy tôi nghĩ rằng nó không phải là? Mã ( 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 …

230 css  css-selectors 

Tôi tiếp tục đọc ở mọi nơi rằng CSS không phân biệt chữ hoa chữ thường, nhưng tôi có bộ chọn này .holiday-type.Selfcatering mà khi tôi sử dụng trong HTML của mình, như thế này, sẽ được chọn <div class="holiday-type Selfcatering"> Nếu tôi thay đổi bộ chọn ở trên như …

229 html  css  css-selectors 

Nếu tôi có div sau: <div class="sectionA" id="content"> Lorem Ipsum... </div> Có cách nào để xác định một phong cách thể hiện ý tưởng "Một div với id='content'AND class='myClass'" không? Hoặc bạn chỉ đơn giản là đi bằng cách này hay cách khác như trong <div class="content-sectionA"> Lorem Ipsum... </div> …

221 css  css-selectors 

Sự khác biệt giữa #và .khi khai báo một tập hợp các kiểu cho một phần tử và ngữ nghĩa nào sẽ xuất hiện khi quyết định sử dụng kiểu nào?

217 css  css-selectors 

Trong CSS, *sẽ phù hợp với bất kỳ yếu tố nào. Thường xuyên, *|*được sử dụng thay vì *để phù hợp với tất cả các yếu tố. Điều này thường được sử dụng cho mục đích thử nghiệm. Sự khác biệt giữa *và *|*trong CSS là gì?

211 css  css-selectors  namespaces 

Nếu tôi có một thẻ tiêu đề <h1 class="hc-reform">title</h1> h1.hc-reform{ float:left; font-size:30px; color:#0e73bb; font-weight:bold; margin:10px 0px; } và sau đó tôi có một đoạn <p>stuff here</p>. Làm cách nào tôi có thể đảm bảo sử dụng CSS mà mọi <p>thẻ theo sau h1.hc-reformđể sử dụng:clear:both; đó sẽ là: h1.hc-reform > …

200 html  css  css-selectors  siblings 

Nếu HTML có các yếu tố như thế này: id="product42" id="product43" ... Làm cách nào để khớp tất cả các id bắt đầu với "sản phẩm"? Tôi đã thấy câu trả lời thực hiện điều này chính xác bằng cách sử dụng javascript, nhưng làm thế nào để làm điều …

192 html  css  css-selectors 

Tôi đã thấy bộ chọn này trong Twitter Bootstrap: .show-grid [class*="span"] { background-color: #eee; text-align: center; border-radius: 3px; min-height: 30px; line-height: 30px; } Có ai biết kỹ thuật này được gọi là gì và nó làm gì không?

190 css  css-selectors 

Tôi có thành phần trong Angular 2 được gọi là my-comp: <my-comp></my-comp> Làm thế nào để một phong cách thành phần chủ của thành phần này trong Angular 2? Trong Polyme, bạn sẽ sử dụng bộ chọn ": host". Tôi đã thử nó trong Angular 2. Nhưng nó không hoạt …

188 css  angular  css-selectors  angular-components 

Tôi hiện đang làm việc trong một dự án mà tôi không kiểm soát được HTML mà tôi đang áp dụng các kiểu CSS. Và HTML không được dán nhãn rõ ràng, theo nghĩa là không có đủ khai báo id và lớp để phân biệt giữa các thành phần. …

176 html  css  css-selectors 

Tôi muốn kết hợp :aftervới :hovertrong CSS (hoặc bất kỳ bộ chọn giả nào khác). Về cơ bản tôi có một danh sách và mục với selectedlớp có hình mũi tên được áp dụng :after. Tôi muốn điều tương tự cũng đúng với các đối tượng đang được di chuột …

176 css  css-selectors  pseudo-element