iT邦幫忙

1

多個CSS 使用

css
  • 分享至 

  • xImage

您好:
請問

#A  tr,
#A1 tr,
#A2 tr,
{
  font-size:20;
}

#A  tr td,
#A1 tr td,
#A2 tr td,
{
  font-size:20;
}


請問上述語法中
是否能
1.有類似#A[123] 來簡潔寫出?
2.tr 與 tr td 能否同時 也在一條

你需要的是LESS或SCSS,丟google了解一下即可
看你下的東西,基本上 #A... 都是放在TABLE THEAD TBODY 這三個地方
# 開頭就是 id 選擇器
這樣的話很簡單啊
就是這麼下就好
TABLE[id*="a"] tr td{font-size:20;}
THEAD[id*="a"] tr td{font-size:20;}
TBODY[id*="a"] tr td{font-size:20;}
這樣即可
TR不需要給 font-size:20;,他能接受的定義沒有這個
每一種標籤可以接受的CSS定義這個有表,建議樓主去看一下
noway iT邦研究生 3 級 ‧ 2022-04-03 09:52:44 檢舉
謝謝!
您這應該是解法了, 我試試看!
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 個回答

0

據我所知沒辦法
scss 可以辦到簡化
這是 scss 線上遊樂場

#A, #A1, #A2 {
  tr td {
     font-size: 20px;
  }  
}
0
舜~
iT邦高手 1 級 ‧ 2022-03-20 02:45:57

靜態難...

css

#A  tr, #A  tr td,
#A1 tr, #A1 tr td,
#A2 tr, #A2 tr td,
{
  font-size:20;
}

透過js的話...

document.querySelector('#A tr').style.backgroundColor = "font-size: 20px;";
...

都很醜XD
不過js的話有機會透過for來處理

我要發表回答

立即登入回答