CSS 如何串多個篩選設定

css

noway 2020-10-28 18:21:24 ‧ 1067 瀏覽

您好：
請問如下CSS，他只能查一個td[field='apruserid']
若我想多個都用同樣的樣式，該如何處理?
謝謝

.datagrid-header-row td[field='apruserid'] .datagrid-cell span {
            font-size:12px;
            color:blue;
        }

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

㊣浩瀚星空㊣

iT邦大神 1 級 ‧ 2020-10-29 09:24:49

最佳解答

可以用「,」區分不同。

.datagrid-header-row td[field='apruserid'] .datagrid-cell span,.datagrid-header-row td[field='apruseridXXXX'] .datagrid-cell span {
            font-size:12px;
            color:blue;
        }

如果key可以統一頭尾的話。如「apruserid1、apruserid2、apruserid3」這樣的key
可以改用

.datagrid-header-row td[field^='apruserid'] .datagrid-cell span {
            font-size:12px;
            color:blue;
        }

也是有同樣的效果。
「^=」頭符合的
「$=」尾符合的

如果key沒統一的頭尾。還是只能用,分開處理

回應 1
分享
檢舉

noway iT邦研究生 3 級 ‧ 2020-11-01 19:13:17 檢舉

謝謝您! 我再試試看!

登入發表回應

我要發表回答

立即登入回答

參賽組數

1123 組

團體組數

52 組

累計文章數

23096 篇

完賽人數

656 人

15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css react 程式設計 vue.js

IT邦幫忙

CSS 如何 串多個 篩選設定

1 個回答

我要發表回答

標記使用者

CSS 如何串多個篩選設定