CSS插入行式是一種常用的樣式表注入方法，它可以快速改變網頁的外觀和布局。在CSS插入行式4中，我們可以使用更加方便和靈活的方法來實現樣式注入。

/* 在CSS插入行式4中，我們可以使用以下方法來添加樣式 */
/* 使用:root關鍵字定義全局變量 */
:root {
--primary-color: #0080ff;
}
/* 使用var()函數來引用全局變量，實現樣式重用 */
button {
background-color: var(--primary-color);
color: white;
border: none;
}
/* 使用@supports關鍵字，判斷瀏覽器是否支持某些新特性 */
@supports (display: grid) {
/* 在支持grid布局的瀏覽器中，使用grid來布局 */
.container {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
}
/* 使用@media關鍵字來實現響應式布局 */
@media (max-width: 768px) {
/* 在屏幕寬度小于768px時，改變元素樣式 */
.container {
display: flex;
flex-direction: column;
align-items: center;
}
}

通過使用CSS插入行式4，我們可以更加高效地管理樣式，提高代碼的可維護性和可讀性。但是，在應用CSS插入行式4的時候，也需要根據具體情況選用適當的方法，以達到最好的效果。