設置樣式爲特定的屬性

-2

<ion-icon name="add" role="img" class="icon icon-md ion-md-add" 
     aria-label="add" ng-reflect-name="add"></ion-icon>

.scss

ion-icon{ 
    padding:0;//I have done so far.But how can I get the `name` attribute here? 
}

我需要給風格，以ion-icon裏面的屬性name ="add" element.Can你幫我爲了這？

2017-08-22 Sampath

離子圖標[NAME =」添加「]，試試這個吧，我希望那個作品 –

@Mark'padding：0'如上圖所示我的帖子 – Sampath

'ion-icon [name =」add]''會幫助你。 – Abinthaha

在你的CSS中，嘗試使用此代碼調用icon類，其屬性爲name，等於add值。

CSS

.icon[name="add"]{ 
    padding:0; 
    }

2017-08-22 06:35:54 bellabelle

這不工作:( – Sampath

，因爲你的html上沒有class'ion-icon'請添加它，或者你可以打電話給你有另一個類 – bellabelle

嘗試'icon'類像這樣'.icon [ name =「add」] {} – bellabelle

您已經創建了一個不存在的離子圖標html元素。如果您添加到類聲明，而不是，那麼你可以樣式類，不需要屬性選擇：

.ion-icon{ 
 
    padding:0; 
 
    color: red; 
 
    font-style: normal; 
 
}

<i class="ion-icon icon icon-md ion-md-add" name="add" role="img" aria-label="add" ng-reflect-name="add">icon here</i>

2017-08-22 06:38:05

的標籤我不能這樣做，因此這些是框架創建的內部類 – Sampath

什麼是創建非語義元素？無論做什麼，它可能不應該使用，因爲它贏得了沒有驗證，有些瀏覽器甚至不會渲染它。 –

[name="add"] { 
 
    color: red; 
 
}

<ion-icon name="add" role="img" class="icon icon-md ion-md-add" aria-label="add" ng-reflect-name="add">Hello World</ion-icon>

2017-08-22 06:39:08

回答