MDX是一種基于Markdown語法的文檔格式，其允許在Markdown中嵌入JSX，使得文檔具有了更高級的交互功能。MDX在寫作和開發過程中非常靈活，可以修改CSS來改變文檔的樣式，讓文檔更加美觀。

// 修改css樣式
import styled from 'styled-components';
const customStyle = styled.div`
background-color: #eee;
`;
export default ({ children }) =>({ children });

上述代碼使用了styled-components庫中的styled方法，創建了一個名為customStyle的組件，將組件設置為灰色背景。同時，組件接受子內容作為參數。

可以通過在MDX文件中導入這個組件，來修改特定內容的樣式。

// 使用樣式組件
import CustomStyle from './components/CustomStyle';
export default () =>(
這是一個標題
這是一個段落
列表項1
列表項2
);

上述代碼中，我們在MDX文件中使用了CustomStyle組件，將段落和列表和包在組件中，對其應用了自定義的灰色背景。這樣，我們就可以通過修改CSS樣式，讓文檔更加美觀。