Regex khớp với lớp css

Đối tượng RegExp

Biểu thức chính quy là một mẫu ký tự

Mẫu được sử dụng để thực hiện các chức năng "tìm kiếm và thay thế" khớp mẫu trên văn bản

Trong JavaScript, Đối tượng RegExp là một mẫu có Thuộc tính và Phương thức

cú pháp

Ví dụ giải thích

w3schoolsMẫu tìm kiếm/w3schools/A biểu thức chính quy/w3schools/iA biểu thức chính quy không phân biệt chữ hoa chữ thường

Để có hướng dẫn về Biểu thức chính quy, hãy đọc Hướng dẫn RegExp JavaScript của chúng tôi

---

Hỗ trợ trình duyệt

/regexp/ là một tính năng ECMAScript1 (ES1)

ES1 (JavaScript 1997) được hỗ trợ đầy đủ trên mọi trình duyệt

ChromeEdgeFirefoxSafariOperaIECóCóCóCóCóCó

---

sửa đổi

Công cụ sửa đổi được sử dụng để thực hiện tìm kiếm toàn cầu và không phân biệt chữ hoa chữ thường

Công cụ sửa đổi Mô tảgThực hiện khớp toàn cầu (tìm tất cả các kết quả phù hợp thay vì dừng sau lần khớp đầu tiên)Kết hợp iPerform không phân biệt chữ hoa chữ thườngmThực hiện khớp nhiều dòng

dấu ngoặc

Dấu ngoặc vuông được sử dụng để tìm một dãy ký tự

Biểu thứcMô tả[abc]Tìm bất kỳ ký tự nào giữa các dấu ngoặc[^abc]Tìm bất kỳ ký tự nào KHÔNG nằm giữa các dấu ngoặc[0-9]Tìm bất kỳ ký tự nào nằm giữa các dấu ngoặc (bất kỳ chữ số nào)[^0-9]Tìm bất kỳ ký tự nào KHÔNG nằm giữa các dấu ngoặc ( . y) Tìm bất kỳ lựa chọn thay thế nào được chỉ định

---

---

Siêu ký tự

Siêu ký tự là ký tự có ý nghĩa đặc biệt

Siêu nhân vậtMô tả. Tìm một ký tự đơn, ngoại trừ dòng mới hoặc dấu kết thúc dòng\wTìm ký tự từ\WTìm ký tự không phải từ\dTìm chữ số\DFTìm ký tự không phải chữ số\sTìm ký tự khoảng trắng\STìm ký tự không phải khoảng trắng\bTìm ký tự trùng khớp tại . \bHI, kết thúc như thế này. HI\b\BTìm một từ khớp, nhưng không phải ở đầu/cuối của một từ\0Tìm ký tự NULL\nTìm ký tự dòng mới\fTìm ký tự nguồn cấp biểu mẫu\rTìm ký tự xuống dòng\tTìm ký tự tab\vTìm dọc

định lượng

QuantifierDescriptionn+Khớp với bất kỳ chuỗi nào chứa ít nhất một nn*Khớp với bất kỳ chuỗi nào chứa 0 hoặc nhiều lần xuất hiện của nn?Khớp với bất kỳ chuỗi nào chứa 0 hoặc một lần xuất hiện của nn{X}Khớp với bất kỳ chuỗi nào chứa một chuỗi X n'sn . nKhớp bất kỳ chuỗi nào không theo sau bởi một chuỗi cụ thể n

Thuộc tính đối tượng RegExp

PropertyDescriptionconstructorTrả về hàm đã tạo nguyên mẫu của đối tượng RegExpglobalKiểm tra xem công cụ sửa đổi "g" có phải là setignoreCaseKiểm tra xem công cụ sửa đổi "i" có phải là setlastIndexChỉ định chỉ mục để bắt đầu trận đấu tiếp theomultilineKiểm tra xem công cụ sửa đổi "m" có phải là setsourceTrả về văn bản của mẫu RegExp hay không

Phương thức đối tượng RegExp

MethodDescriptioncompile()exec() Kiểm tra sự trùng khớp trong một chuỗi. Trả về matchtest() Kiểm tra đầu tiên cho một kết quả khớp trong một chuỗi. Trả về true hoặc falsetoString() Trả về giá trị chuỗi của biểu thức chính quy

Bạn có thể sử dụng biểu thức chính quy (regex) và bộ chọn biểu định kiểu xếp tầng (CSS) làm toán tử ở bất cứ nơi nào được sử dụng. Khi một biểu thức chính quy hoặc bộ chọn CSS được đặt làm toán tử cho trình kích hoạt, bạn có thể chỉ định rằng trình kích hoạt khớp với quy tắc

biểu thức chính quy

Tùy chọn "khớp regex" cho phép bạn triển khai các biểu thức thông thường trong Trình quản lý thẻ của Google để khớp các mẫu văn bản. Regex rất hữu ích để thể hiện các loại quy tắc phức tạp hơn, chẳng hạn như "kích hoạt thẻ khi URL bắt đầu bằng A và kết thúc bằng B hoặc C. "

Ví dụ: biểu thức chính quy này khi được áp dụng cho một biến URL sẽ khớp với tất cả các trang có chuỗi "pro" trong đường dẫn URL, bao gồm "products", "promotions", "professionals" và "processs"

/pro/

bộ chọn CSS

Bộ chọn CSS có thể được sử dụng để nhắm mục tiêu các phần tử HTML cụ thể. Chẳng hạn, bộ chọn này được áp dụng cho biến Phần tử nhấp chuột sẽ khớp với một lần nhấp cho bất kỳ phần tử nào có giá trị thuộc tính lớp là "mua hàng" là phần tử con của một phần tử có giá trị thuộc tính ID là "quảng cáo"

Chúng ta có thể sử dụng các biểu thức chính quy trong bộ định vị CSS. Chúng ta có thể xác định các phần tử bằng cách khớp từng phần thuộc tính của chúng với sự trợ giúp của biểu thức chính quy. Trong CSS, có nhiều phương pháp để đạt được điều này. Chúng được liệt kê dưới đây -

• Sử dụng ký tự đại diện *. Điều này có nghĩa là chuỗi chứa văn bản đã cho của chúng tôi

  Cú pháp− trình điều khiển. find_element_by_css_selector("đầu vào[tên*='sel']")

  Nó sẽ tìm kiếm thẻ đầu vào chứa thuộc tính 'tên' chứa văn bản 'sel'

• Sử dụng ký tự hoang dã ^. Điều này có nghĩa là chuỗi bắt đầu bằng văn bản đã cho của chúng tôi

  Cú pháp− trình điều khiển. find_element_by_css_selector("đầu vào[tên^='Tut']")

  Nó sẽ tìm kiếm thẻ đầu vào chứa thuộc tính 'tên' bắt đầu bằng văn bản 'Tut'

• Sử dụng ký tự hoang dã $. Điều này có nghĩa là chuỗi kết thúc bằng văn bản đã cho của chúng tôi

  Cú pháp− trình điều khiển. find_element_by_css_selector("đầu vào[name$='nium']")

  Nó sẽ tìm kiếm thẻ đầu vào chứa thuộc tính 'tên' kết thúc bằng văn bản 'nium'

Thí dụ

Triển khai mã với * ký tự đại diện trong css

from selenium import webdriver
driver = webdriver.Chrome(executable_path="C:\chromedriver.exe")
# to maximize the browser window
driver.maximize_window()
#get method to launch the URL
driver.get("https://www.tutorialspoint.com/index.htm")
#to refresh the browser
driver.refresh()
# identifying the edit box with the help of * in css selector
driver. find_element_by_css_selector("input[id*='sc-i']").
send_keys("Selenium")
#to close the browser
driver.close()

Thí dụ

Triển khai mã với ^ ký tự đại diện trong css

from selenium import webdriver
driver = webdriver.Chrome(executable_path="C:\chromedriver.exe")
# to maximize the browser window
driver.maximize_window()
#get method to launch the URL
driver.get("https://www.tutorialspoint.com/index.htm")
#to refresh the browser
driver.refresh()
# identifying the edit box with the help of ^ in css selector
driver. find_element_by_css_selector("input[id^='gsc']").
send_keys("Selenium")
#to close the browser
driver.close()

Thí dụ

Triển khai mã với $ ký tự đại diện trong css

from selenium import webdriver
driver = webdriver.Chrome(executable_path="C:\chromedriver.exe")
# to maximize the browser window
driver.maximize_window()
#get method to launch the URL
driver.get("https://www.tutorialspoint.com/index.htm")
#to refresh the browser
driver.refresh()
# identifying the edit box with the help of $ in css selector
driver. find_element_by_css_selector("input[id$='id1']").
send_keys("Selenium")
#to close the browser
driver.close()

---

Tôi có thể sử dụng regex trong CSS không?

Chúng ta có thể sử dụng regex trong XPath không?

Bộ chọn CSS nào chứa?

Làm cách nào để regex trong JavaScript?