在CSS中,我們可以使用屬性選擇器來選取包含某個特定屬性的元素。
/* 選取有"data-id"屬性的所有元素 */ [data-id] { ... } /* 選取有"data-id"屬性且屬性值為"1"的所有元素 */ [data-id="1"] { ... } /*選取有"data-id"屬性且屬性值以"test"開頭的所有元素*/ [data-id^="test"] { ... } /*選取有"data-id"屬性且屬性值以"test"結尾的所有元素*/ [data-id$="test"] { ... } /*選取有"data-id"屬性且屬性值包含"test"的所有元素*/ [data-id*="test"] { ... }
使用屬性選擇器可以方便地對頁面上的元素進行篩選和樣式修改。同時,也可以通過使用屬性選擇器實現JavaScript與CSS之間的交互。
上一篇css元素分為哪幾種形式
下一篇mysql新建表中文字段