<div(1 r)>是CSS中的一個屬性選擇器，用于選取具有指定屬性名稱以及屬性值中包含指定詞匯的所有元素。這個屬性選擇器可以幫助我們快速地選取和操作符合特定條件的HTML元素。
下面通過幾個代碼案例來詳細解釋說明<div(1 r)>的用法。

案例1：選取所有包含class屬性值為"red"的div元素。

div[class~="red"] {
color: red;
}

上述代碼中，使用了<div(1 r)>屬性選擇器來選取所有class屬性中包含單詞"red"的div元素。選中的div元素將被設置為紅色。這樣我們就可以快速地對class屬性為"red"的div元素進行樣式設置。

案例2：選取所有包含data-屬性且屬性值中以"example"開頭的div元素。

div[data-^="example"] {
font-weight: bold;
}

上述代碼中，使用了<div(1 r)>屬性選擇器來選取所有data-屬性值中以"example"開頭的div元素。選中的div元素將被設置為加粗字體。這樣我們可以快速地選取和操作具有特定屬性及屬性值的div元素。

案例3：選取所有包含data-屬性且屬性值中包含指定詞匯的div元素。

div[data*="example"] {
background-color: yellow;
}

上述代碼中，使用了<div(1 r)>屬性選擇器來選取所有data-屬性值中包含指定詞匯的div元素。選中的div元素將被設置為黃色背景。這樣我們可以快速地選取和操作具有特定條件的div元素。

：通過以上幾個案例，我們可以看到<div(1 r)>屬性選擇器的用法和作用。它可以幫助我們快速地選取和操作符合特定條件的HTML元素，從而減少了手動選擇和修改的工作量。通過靈活使用<div(1 r)>屬性選擇器，我們可以更加高效地處理CSS樣式。