在 CSS 中，对其(也称对偶)是指通过 CSS 属性和值的组合来创建一对相邻的 CSS 元素。通过对元素的样式进行对其，可以在页面上创建出具有相同外观和结构的相邻元素。在对其时，需要注意元素的相对位置和大小，以确保它们能够正确地相互对偶。
具体来说，对其的步骤如下：
1. 定义两个元素，并为其设置相同的属性和值，例如：
其中，`.parent` 表示父元素，`.child` 表示子元素。两个元素都要设置 `class` 属性为 `parent` 和 `child`，并分别设置其 `width`、`height`、`position` 等属性为 `absolute`、`static` 和 `relative`。
2. 确定两个元素之间的相对位置，可以通过使用 `position` 属性的 `relative` 值来实现。例如，可以将第一个元素设置为 `position: relative`，然后将第二个元素设置为 `position: absolute`，使其位于第一个元素的身后。
3. 为两个元素分别设置相同的样式，例如：
.parent {
position: relative;
width: 400px;
height: 300px;
.child {
width: 200px;
height: 100px;
background-color: blue;
display: inline-block;
其中，`.parent` 表示父元素，`.child` 表示子元素。父元素设置了 `width`、`height` 和 `background-color` 等属性，子元素设置了 `display` 属性为 `inline-block`，以便将其设置为块元素。
通过以上步骤，我们就成功地对其了两个元素，创建了一对具有相同外观和结构的相邻元素。需要注意的是，对其时需要确保元素的相对位置和大小正确，并且需要为它们分别设置相同的样式。