2021/10/31（日）
線上課程 網頁開發 學習進度 進度紀錄 60/554。複習日。
https://www.udemy.com/...
060、attribute selector

上一噗：

@MajimeF - 2021/10/30（六） #線上課程 #網頁開發 #學習進度 #進度紀錄 60/...

此課程 書籤噗 ：

@MajimeF - #書籤噗 #線上課程學習紀錄 #網頁開發

終於看到之前快速看完的部份了～
之後進度可以真的往前推啦XD

【Attribute Selector】
老師沒講到中文XD
不過看起來是「屬性選擇器」。

直接選擇特定的屬性，不用一直加 class 類別XDD

這個比較特殊，要在 form 中看它的效果。

如果想要所有的<input>，類型是「type="text"」、可以打字的標籤，文字變為紅色…

input[type="text"] {
color: red;
}

用大括號 [] 框起，再在其中指定細項「type="text"」。

效果圖：


注意，信箱雖然是可以輸入文字的，但它不是 text 而是 email 所以不會變化。
只有「type="text"」的<input>會改變。

下一噗：

@MajimeF - 2021/11/01（一） #線上課程 #網頁開發 #學習進度 #進度紀錄 61/...