首頁猿問在CSS中按數(shù)據(jù)屬性選擇元素

在CSS中按數(shù)據(jù)屬性選擇元素

Html5 Html/CSS

BIG陽 2019-07-26 11:22:14

在CSS中按數(shù)據(jù)屬性選擇元素是否可以通過HTML5數(shù)據(jù)屬性選擇CSS中的元素（例如data-role）？

查看完整描述

3 回答

縹緲止盈

TA貢獻2041條經(jīng)驗獲得超4個贊

如果您的意思是使用屬性選擇器，請確保，為什么不：

[data-role="page"] {
    /* Styles */}

您可以使用各種屬性選擇器來處理各種場景，這些場景都包含在我鏈接到的文檔中。請注意，盡管自定義數(shù)據(jù)屬性是“新的HTML5功能”，

反對回復(fù) 2019-07-26

RISEBY

TA貢獻1856條經(jīng)驗獲得超5個贊

值得注意的是CSS3子串屬性選擇器

[attribute^=value] { /* starts with selector */

/* Styles */

}

[attribute$=value] { /* ends with selector */

/* Styles */

}

[attribute*=value] { /* contains selector */

/* Styles */

}

反對回復(fù) 2019-07-26

關(guān)注