在WEB开发中，经常需要为表单元素进行默认获得焦点的设置。这样可以增加用户的操作体验，让用户更加方便地输入信息。

在HTML中，我们可以使用autofocus属性来设置默认获得焦点的元素。例如：

<input type="text" autofocus />

但是，有些情况下，我们并不希望使用autofocus属性，而是希望通过CSS来设置默认获得焦点。具体实现方法如下：

<style>
:focus-within {
outline: none;
}
input:first-of-type {
outline: none;
}
input:focus ~ label {
border-color: blue;
}
input:checked ~ label {
border-color: blue;
}
</style>

上述代码中，我们使用了:focus-within伪类来设置父元素包含有focus子元素时的样式。同时，我们使用input:first-of-type伪类来选中第一个input元素，并取消其默认的outline样式。接着，我们使用input:focus ~ label和input:checked ~ label选择器来选中选中input元素后的兄弟label元素，并添加蓝色的边框样式。

通过以上的CSS设置，我们可以轻松地实现默认获得焦点的效果，给用户带来更好的使用体验。