在Web開發中，CSS和TypeScript是兩項非常重要的技術。CSS用于實現網頁中的樣式，而TypeScript則可以幫助我們更好地管理和維護代碼。有時候，我們需要在CSS中調用TypeScript里面的數值，這樣就可以避免硬編碼，提高代碼的可維護性和可讀性。 要在CSS中調用TypeScript里面的數值，首先需要將TypeScript的值暴露給CSS。我們可以使用CSS變量和data-*屬性來實現這一目的。以下是一個簡單的示例： ```html

這是一段文字。

``` 在上面的代碼中，我們定義了一個p元素，并使用data-width屬性將值暴露給CSS。在CSS中，我們使用:root偽類來定義一個全局的CSS變量--width，該變量的值是通過calc()函數計算得出的。最后，在p元素的樣式中，我們使用var()函數調用了--width變量。 在TypeScript代碼中，我們也需要定義變量，并將其暴露給CSS。以下是一個示例： ```ts const width = 300; document.documentElement.style.setProperty('--data-width', `${width}px`); ``` 在上面的代碼中，我們定義了一個width變量，然后使用setProperty()方法將其值賦給了--data-width屬性。由于該屬性是通過data-*屬性暴露給CSS的，所以我們需要在屬性名前加上"data-"前綴。 在使用CSS調用TypeScript值時，我們需要注意類型轉換的問題。例如，在上面的示例中，我們需要將width變量的值轉換為字符串，并在末尾添加"px"后綴，以符合CSS的語法要求。 通過使用CSS變量和data-*屬性，我們可以很方便地在CSS中調用TypeScript里面的數值，從而提高代碼的可維護性和可讀性。在實際開發中，我們可以根據具體的需求靈活運用這兩項技術。