在視覺化的元件開發中如果要穿透第三方的ui元件在vue檔案中不能使用scope的情況下，可以使用內部樣式去編寫覆蓋**如下：
/** * 設定內部樣式
* @param textcontent 樣式模板字串
* @param id 樣式唯一id
* @param prefix */
export const setheaderstyle = (textcontent,prefix,id) =>-$`;
usestyle.textcontent =textcontent
if (document.queryselector(`#$-$`)) -$`);
newstyle.textcontent =textcontent
document.head.removechild(
document.queryselector(`#$-$`)
);}
else
};
使用案例：
let textcontent =`#data-list-$::-webkit-scrollbar-thumb;
opacity: 0.12;
border-radius: 0.125rem;}`;
setheaderstyle(textcontent, 'custom-list',this.elementuid);
其中val就是傳過來的動態值，uid是js方法生成的uuid
CSS樣式編寫順序
在書寫css的時候很多時候，每個class下邊需要寫很多屬性是很常見的，對於這些屬性，我們應該合理的給它規劃順序。有人認為符合標準的順序可以提高css的執行效率，這個我們無從測試。我總結的好處如下 1.使 顯得清晰，自己很容易找到需要的屬性，不容易出現重複編寫同一屬性的情況。2.當很多人同時協作乙個...
編寫CSS樣式解析
編寫css樣式 1.標籤裡面直接寫style屬性 標籤裡面直接寫style屬性 2.寫在head裡面，在head裡面寫style標籤，在標籤裡面寫樣式 注意 乙個html頁面id不能 最好不要 重複，所以這相當於，給自己的id定義了乙個特定的樣式。如果把id寫重複了，重複的id也會應用對應的樣式。3...
關於通過JS獲取內部樣式 外部樣式 內聯樣式
js獲取內聯樣式 style.getpropertyvalue js獲取內部樣式 外部樣式 currentstyle 需要額外注意的是，只有ie可以用currentstyle，firefox和chrome瀏覽器無法使用currentstyle，需要用到相容性 htmlelement.prototyp...