Bộ chọn CSS cheat sheet Selenium PDF
|
Danh sách các biểu thức CSS không đầy đủ, vì vậy nếu bạn có bất kỳ ý tưởng nào về các biểu thức mới, vui lòng để lại trong phần Nhận xét
Bạn có thể kiểm tra các biểu thức CSS trong Chrome bằng cách
Tìm phần tử dựa trên thẻ THÍ DỤ đầu vào Tìm các phần tử có thẻ INPUT Show Tìm phần tử dựa trên thuộc tính Class THÍ DỤ đầu vào. nút tìm kiếm Tìm các phần tử có thẻ INPUT có thuộc tính LỚP với giá trị "search_button" Tìm phần tử dựa trên thuộc tính Id THÍ DỤ đầu vào#globalQuery Tìm các phần tử có thẻ INPUT có thuộc tính ID với giá trị "globalQuery" Tìm phần tử dựa trên thuộc tính THÍ DỤ đầu vào [tên = 'q'] Tìm các phần tử có thẻ INPUT có giá trị thuộc tính NAME bằng "q" Tìm các phần tử là con trực tiếp của một phần tử khác THÍ DỤ div. thả xuống > một 1. Tìm các phần tử có thẻ DIV có thuộc tính LỚP với giá trị "thả xuống" 2. Tìm phần tử A là phần tử con trực tiếp của phần tử DIV Tìm các phần tử được bao gồm trong các phần tử khác (con trực tiếp hoặc không) THÍ DỤ div[class*='row'] a 1. Tìm các phần tử có thẻ DIV có giá trị của thuộc tính LỚP bắt đầu bằng "hàng" 2. Tìm tất cả các phần tử A (con trực tiếp hoặc không) bên trong các phần tử DIV Tìm các yếu tố có từ khóa được bao gồm trong giá trị thuộc tính THÍ DỤ đầu vào [testid * = 'trường'] Tìm các phần tử có thẻ INPUT có từ khóa "trường" được bao gồm trong giá trị thuộc tính TESTID Tìm các yếu tố có giá trị thuộc tính bắt đầu bằng từ khóa THÍ DỤ đầu vào [testid^='field'] Tìm các phần tử có thẻ INPUT có giá trị thuộc tính TESTID bắt đầu bằng "trường" Tìm các yếu tố có giá trị thuộc tính kết thúc bằng từ khóa THÍ DỤ đầu vào [testid$='search'] Tìm các phần tử có thẻ INPUT có giá trị thuộc tính TESTID kết thúc bằng "tìm kiếm" Tìm các phần tử đứng trước các phần tử khác THÍ DỤ input#search_category + input#globalQuery Tìm các phần tử được so khớp bởi input#globalQuery trước (ngay lập tức hoặc không) bởi các phần tử được so khớp bởi input#search_category Làm cách nào chúng ta có thể sử dụng bộ chọn CSS trong Selenium?Nhập “css=input[type='submit']” (giá trị định vị) trong Selenium IDE. Bấm vào nút Tìm. Nút “Đăng nhập” sẽ được tô sáng, xác minh giá trị của bộ định vị. Thuộc tính. Được sử dụng để tạo Bộ chọn CSS
5 bộ chọn CSS là gì?Có một số loại bộ chọn khác nhau trong CSS. . Bộ chọn phần tử CSS Bộ chọn Id CSS Bộ chọn lớp CSS Bộ chọn chung CSS Bộ chọn nhóm CSS 4 bộ chọn CSS là gì?Bộ chọn CSS . Bộ chọn đơn giản (chọn các phần tử dựa trên tên, id, lớp) Bộ chọn tổ hợp (chọn các phần tử dựa trên mối quan hệ cụ thể giữa chúng) Bộ chọn lớp giả (chọn các phần tử dựa trên một trạng thái nhất định) Bộ chọn phần tử giả (chọn và tạo kiểu cho một phần của phần tử) Bộ chọn XPath hoặc CSS nào nhanh hơn?Ưu điểm và nhược điểm của Bộ chọn CSS
. Dễ học hơn XPath, dễ sử dụng hơn. Bộ chọn CSS chỉ cho phép luồng một chiều. Sử dụng Bộ chọn CSS, chúng tôi chỉ có thể duyệt từ cha sang con chứ không thể đi từ con sang cha mẹ, điều này có thể thực hiện được với XPath. Performance is the same or faster compared to XPath. Easier to learn than XPath, easier to use. CSS Selector only allows unidirectional flow. Using a CSS Selector, we can only traverse from parent to child but not from the child to parent, which is possible with XPath. |
