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; }

从上面的代码中可以看出，逻辑选择器让我们可以对不同状态或条件下的元素设置不同的样式。这使得网页的样式更加动态和生动。