CSS（層疊樣式表）是一種用于網頁樣式和布局的編程語言。在CSS中，最常見的使用方法是選擇器和屬性。但是，CSS中也可以編寫邏輯代碼，讓樣式更加動態。

在CSS中編寫邏輯代碼需要用到計算屬性。計算屬性的值是根據其他屬性的值進行計算得出的。例如，假設我們想要計算一個元素的寬度是其高度的兩倍。我們可以在CSS中編寫以下代碼：

width: calc(2 * var(--height));
height: 100px;

在這段代碼中，我們定義了一個變量--height，它的值為100px。然后我們使用calc函數對--height進行計算，得出width的值為200px。需要注意的是，在使用calc函數時，必須使用空格將運算符和數值隔開。

除了計算屬性，CSS中還有一些邏輯選擇器。邏輯選擇器可以根據元素的狀態或其他條件來選擇元素。例如，:hover和:focus選擇器分別表示鼠標懸停和元素獲得焦點時的狀態。另外，:not選擇器可以排除某些元素，:nth-child可以選擇某個元素的特定子元素。

下面是一些常用的邏輯選擇器：

a:hover { color: red; }
input:focus { border-color: blue; }
ul li:not(:first-child) { margin-left: 10px; }
ul li:nth-child(2n) { background-color: gray; }

從上面的代碼中可以看出，邏輯選擇器讓我們可以對不同狀態或條件下的元素設置不同的樣式。這使得網頁的樣式更加動態和生動。