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

Bộ chọn là các mẫu khớp với các thành phần trong cây tài liệu. Trong quy tắc CSS, chúng được sử dụng để xác định kiểu cho các phần tử khớp với mẫu.

30
Có bộ chọn cha mẹ CSS không?
Làm cách nào để chọn <li>phần tử là cha mẹ trực tiếp của phần tử neo? Ví dụ, CSS của tôi sẽ giống như thế này: li < a.active { property: value; } Rõ ràng có nhiều cách để làm điều này với JavaScript, nhưng tôi hy vọng rằng có …
3176 css  css-selectors 



17
Bộ chọn CSS cho phần tử đầu tiên với lớp
Tôi có một loạt các phần tử có tên lớp red, nhưng dường như tôi không thể chọn phần tử đầu tiên class="red"bằng quy tắc CSS sau: .red:first-child { border: 5px solid red; } <p class="red"></p> <div class="red"></div> Chạy đoạn mãẨn kết quảMở rộng đoạn trích Điều gì là sai …
947 css  css-selectors 


9
không: bộ chọn con đầu
Tôi có một divthẻ chứa một số ulthẻ. Tôi chỉ có thể đặt thuộc tính CSS cho ulthẻ đầu tiên : div ul:first-child { background-color: #900; } Tuy nhiên, những nỗ lực sau đây của tôi để đặt các thuộc tính CSS cho mỗi ulthẻ khác ngoại trừ thẻ đầu …
811 css  css-selectors 


5
Lớp giả: not () giả có thể có nhiều đối số không?
Tôi đang cố gắng chọn inputcác yếu tố của tất cả typengoại trừ radiovà checkbox. Nhiều người đã chỉ ra rằng bạn có thể đưa nhiều đối số vào :not, nhưng sử dụng typedường như không hoạt động dù sao tôi cũng thử. form input:not([type="radio"], [type="checkbox"]) { /* css here …
746 css  css-selectors 

4
ký tự đại diện * trong CSS cho các lớp
Tôi có các div mà tôi đang tạo kiểu .tocolor, nhưng tôi cũng cần mã định danh duy nhất 1,2,3,4, v.v. vì vậy tôi thêm nó vào như một lớp khác tocolor-1. <div class="tocolor tocolor-1"> tocolor 1 </div> <div class="tocolor tocolor-2"> tocolor 2 </div> <div class="tocolor tocolor-3"> tocolor 3 </div> …

10
Tôi có thể viết bộ chọn CSS chọn các phần tử KHÔNG có một lớp hoặc thuộc tính nhất định không?
Tôi muốn viết một quy tắc chọn CSS chọn tất cả các phần tử không có một lớp nhất định. Ví dụ: đưa ra HTML sau: <html class="printable"> <body class="printable"> <h1 class="printable">Example</h1> <nav> <!-- Some menu links... --> </nav> <a href="javascript:void(0)" onclick="javascript:self.print()">Print me!</a> <p class="printable"> This page is super interresting …
645 html  css  css-selectors 





1
CSS Selector áp dụng cho các phần tử có hai lớp
Có cách nào để chọn một phần tử với CSS dựa trên giá trị của thuộc tính lớp được đặt thành hai lớp cụ thể. Ví dụ: giả sử tôi có 3 div: <div class="foo">Hello Foo</div> <div class="foo bar">Hello World</div> <div class="bar">Hello Bar</div> CSS nào tôi có thể viết để …
472 css  css-selectors 

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.