Trang Chủ Xã hội Truyền thông CSS3 Bộ chọn lựa - núm vú

CSS3 Bộ chọn lựa - núm vú

Video: The People's Hero - Episode 6 2025

Video: The People's Hero - Episode 6 2025
Anonim

Một phần của CSS3 Dành cho người mới bắt đầu Cheat Sheet

CSS3 cung cấp truy cập vào nhiều bộ chọn bạn sử dụng để xác định phần tử nào định dạng trên một trang. Bộ chọn lựa định nghĩa định dạng; phong cách định nghĩa làm thế nào để định dạng nó. Tuy nhiên, rất dễ dàng để đi vào quá tải bộ chọn. Hầu hết các nhà phát triển sử dụng một sự kết hợp của bộ chọn từ khóa và thuộc tính để thực hiện tất cả các tác vụ liên quan đến bộ chọn. Đây là các công cụ chọn thẻ thông dụng, cung cấp phương pháp lựa chọn tổng thể.

  • , Thẻ : Việc tách hai thẻ bằng dấu phẩy có nghĩa là chọn cả hai thẻ, bất kể vị trí chúng xuất hiện trong tài liệu. Ví dụ: bằng cách sử dụng p, div sẽ chọn tất cả và các thẻ trong tài liệu.

    Thẻ >>

  • Thẻ : Việc tách hai thẻ với dấu lớn hơn (>) nói với trình duyệt chọn một thẻ có một thẻ khác làm cha mẹ. Ví dụ: nếu bạn có và sử dụng div> p, trình duyệt sẽ chọn thẻ .

    Thẻ

    Thẻ
  • : Việc tách hai thẻ theo dấu cách cho phép trình duyệt chọn một thẻ xuất hiện trong một thẻ khác. Bộ chọn này khác với sử dụng dấu hiệu lớn hơn mà thẻ đầu tiên không cần phải trực tiếp xuất hiện ngay trước thẻ thứ hai. Ví dụ: nếu bạn có và sử dụng div> p, trình duyệt sẽ không chọn bất cứ điều gì. Tuy nhiên, nếu bạn sử dụng div p, trình duyệt sẽ chọn thẻ .

    +

    Thẻ
  • : Việc tách hai thẻ với dấu cộng (+) cho trình duyệt chọn một thẻ xuất hiện ngay sau thẻ khác. Ví dụ: nếu bạn có và sử dụng div + p, trình duyệt sẽ chọn thẻ . Lưu ý rằng thẻ không xuất hiện bên trong thẻ, nó xuất hiện sau thẻ.

    Thẻ

    ~

    Thẻ

  • : Việc tách hai thẻ với dấu ngã (~) nói với trình duyệt chọn mỗi thẻ xuất hiện sau một thẻ khác. Ví dụ: nếu bạn có và sử dụng div ~ p, trình duyệt sẽ chọn cả hai thẻ . Điều này khác với div + p (trong đó trình duyệt sẽ chỉ chọn thẻ đầu tiên đi theo thẻ).

    : root

    :

    Chọn phần tử gốc của tài liệu. Phần tử gốc phụ thuộc vào loại tài liệu. Bộ chọn này thường được sử dụng với các tài liệu XML, nhưng bạn có thể sử dụng nó với bất kỳ loại tài liệu nào.

  • Để có thể lựa chọn tốt các yếu tố đúng, các nhà phát triển thường sử dụng các bộ chọn thuộc tính thay cho các công cụ chọn thẻ. Dưới đây là các bộ chọn thuộc tính mà các nhà phát triển thường sử dụng. . ClassName :

  • Chọn bất kỳ đối tượng nào có giá trị thuộc tính lớp với tên đã cho. Ví dụ,. StdPara sẽ chọn tất cả các đối tượng có thuộc tính class = "StdPara" mà không quan tâm đến loại đối tượng.

    • #Id : Chọn bất kỳ đối tượng nào có giá trị thuộc tính id với tên đã cho. Ví dụ: #ThirdHeader sẽ chọn mọi đối tượng có thuộc tính id = "ThirdHeader" mà không quan tâm đến loại đối tượng.

    • : lang (Language Identifier) ​​: Chọn bất kỳ đối tượng nào có giá trị ngôn ngữ được chỉ định. Ví dụ: lang (en) sẽ chọn bất kỳ đối tượng nào sử dụng tiếng Anh làm ngôn ngữ của nó. Dưới đây là danh sách các định danh ngôn ngữ chung.

    • [Thuộc tính ]

    • : Chọn tất cả các đối tượng sử dụng một thuộc tính cụ thể bất kể giá trị của thuộc tính. Ví dụ, [lang] sẽ chọn tất cả các đối tượng sử dụng thuộc tính lang. Thuộc tính =

    • Giá trị > : Chọn tất cả các đối tượng có thuộc tính với một giá trị cụ thể. Giá trị phải khớp chính xác. Ví dụ, [lang = "en-us"] sẽ chọn mọi đối tượng có thuộc tính ngôn ngữ có giá trị bằng tiếng Anh. Thuộc tính ~ =

    • Giá trị > : Chọn tất cả các đối tượng có thuộc tính chứa giá trị cụ thể. Giá trị tìm kiếm chỉ cần xuất hiện ở một nơi nào đó trong giá trị tổng thể. Ví dụ: [title ~ = "Trung học"] chọn tất cả các đối tượng có thuộc tính tiêu đề có chứa từ Thứ cấp như một từ rời rạc. Công cụ chọn này hoạt động với toàn bộ từ. Thuộc tính | =

    • Giá trị : Chọn tất cả các đối tượng có thuộc tính bắt đầu bằng một giá trị cụ thể. Giá trị tìm kiếm cần xuất hiện ở đầu giá trị như một tổng thể, nhưng không phải là toàn bộ giá trị. Ví dụ, [title | = "Sub"] chọn tất cả các đối tượng có thuộc tính tiêu đề bắt đầu bằng từ Sub. Bộ chọn này hoạt động với các thuật ngữ phân cách. Giá trị ^ =

    • Giá trị > : Chọn tất cả các đối tượng có thuộc tính bắt đầu bằng một giá trị cụ thể. Ví dụ, [title | = "Sub"] chọn tất cả các đối tượng có thuộc tính tiêu đề bắt đầu bằng từ Sub. Biểu mẫu này của bộ chọn ít hạn chế hơn thuộc tính [Thuộc tính | = Giá trị]. Sử dụng mẫu này sẽ chọn title = "SubHeader", title = "Tiêu đề phụ" hoặc title = "Tiêu đề phụ" với độ tin cậy bằng. Thuộc tính $ =

    • Giá trị : Chọn tất cả các đối tượng có thuộc tính kết thúc bằng một giá trị cụ thể. Ví dụ: [title $ = "Trung học"] chọn tất cả các đối tượng có thuộc tính tiêu đề kết thúc bằng từ Thứ Hai. Hình thức thuộc tính này là không giới hạn - nó không yêu cầu định dạng đặc biệt. Thuộc tính * =

    • Giá trị > : Chọn tất cả các đối tượng có thuộc tính có chứa một giá trị cụ thể. Ví dụ: [title $ = "Trung học"] chọn tất cả các đối tượng có thuộc tính tiêu đề có chứa từ Khoá phụ. Biểu mẫu này của bộ chọn ít hạn chế hơn thuộc tính Thuộc tính ~ = Giá trị ]. Sử dụng mẫu này sẽ chọn title = "SecondaryParagraph", title = "Secondary Paragraph", hoặc title = "Secondary-Paragraph" với độ tin cậy bằng. Một bộ chọn đặc biệt not () sẽ hoàn thành mảng selectors chung.Để cho trình duyệt không chọn một thẻ hoặc thuộc tính cụ thể, nhưng để chọn mọi thứ khác thay vào đó, bạn sử dụng bộ chọn: not (). Ví dụ:: không (p) sẽ chọn tất cả mọi thứ trừ các thẻ đoạn văn trên trang.

    CSS3 Bộ chọn lựa - núm vú

    Lựa chọn của người biên tập

    Phong cảnh hoặc Chân dung Định dạng - núm vú

    Phong cảnh hoặc Chân dung Định dạng - núm vú

    Trong nhiếp ảnh, phong cảnh, khi hình ảnh rộng hơn so với cao, cho phần lớn các bức ảnh phong cảnh. Tuy nhiên, định dạng chân dung tạo ra một bức tranh cao hơn nó là rộng. Khi bạn chụp một số cảnh thiên nhiên, bạn nên xoay camera 90 độ. Xoay máy ảnh khi chụp ảnh

    Cảnh quan Ảnh - Cá thu Sky - hình ngón tay

    Cảnh quan Ảnh - Cá thu Sky - hình ngón tay

    Hình ảnh này được chụp ảnh vài phút sau khi mặt trời lặn. Bởi vì những đám mây đã không đến được đường chân trời, bầu trời sẽ cháy vài phút sau khi mặt trời lặn. Các nhiếp ảnh gia đã một loạt các tiếp xúc sau khi mặt trời chìm xuống dưới chân trời. Hình ảnh cuối cùng là một ...

    Lựa chọn của người biên tập

    Làm thế nào để làm việc với các bài trình bày Web App của PowerPoint - núm vú

    Làm thế nào để làm việc với các bài trình bày Web App của PowerPoint - núm vú

    Trong Office 365, PowerPoint Web App là một thành phần các dịch vụ Office Web Apps có sẵn trong cả kế hoạch kinh doanh chuyên nghiệp và nhỏ (kế hoạch P) và kế hoạch doanh nghiệp (kế hoạch E). Trong kế hoạch đăng ký kinh doanh chuyên nghiệp và nhỏ, bạn tạo một bản trình bày mới với PowerPoint Web App như sau: Nhấp vào PowerPoint ...

    ĐặT nền móng cho kế hoạch Microsoft Office 365 của bạn - núm vú

    ĐặT nền móng cho kế hoạch Microsoft Office 365 của bạn - núm vú

    Bạn nên lưu ý rằng kích thước và phức tạp của tổ chức của bạn, cũng như kế hoạch Office 365 bạn chọn, sẽ trực tiếp ảnh hưởng đến việc triển khai của bạn. Nếu bạn là một nhà tư vấn hoặc một doanh nghiệp nhỏ sử dụng kế hoạch kinh doanh chuyên nghiệp và nhỏ, việc triển khai của bạn sẽ rất đơn giản. Nếu tổ chức của bạn chứa hàng ngàn

    Làm thế nào để làm việc với các tài liệu Word Web App - núm vú

    Làm thế nào để làm việc với các tài liệu Word Web App - núm vú

    Tạo một tài liệu Word mới trong một tài liệu SharePoint Online thư viện là dễ dàng. Bạn chỉ cần duyệt qua thẻ Documents trên Ribbon và sau đó nhấp vào nút New Document trong Ribbon. Nút Tài liệu Mới được sử dụng để tạo một tài liệu mới. Loại tài liệu được tạo ra phụ thuộc vào mặc định ...

    Lựa chọn của người biên tập

    Nhân viên Chính sách An ninh - núm vú

    Nhân viên Chính sách An ninh - núm vú

    Một tổ chức cần phải có tài liệu rõ ràng về chính sách và thủ tục an ninh nhân sự để tạo thuận lợi cho việc sử dụng và bảo vệ thông tin . Có rất nhiều phương pháp hay nhất để bảo vệ doanh nghiệp và các tài sản thông tin quan trọng của nó. Những thực tiễn tốt nhất này liên quan đến việc mọi người - chứ không phải công nghệ - cùng làm việc với nhau để hỗ trợ doanh nghiệp. ...

    Chuẩn bị cho kỳ thi CISSP - những con đầu

    Chuẩn bị cho kỳ thi CISSP - những con đầu

    Có nhiều nguồn trợ giúp để giúp ứng viên CISSP chuẩn bị cho kỳ thi. Tự học là một phần chính của bất kỳ kế hoạch nghiên cứu nào. Kinh nghiệm làm việc cũng rất quan trọng để thành công, và bạn có thể kết hợp nó vào kế hoạch học tập của bạn. Đối với những người học tốt nhất trong lớp học hoặc môi trường đào tạo, (ISC) 2 ...