CSS樣式按位置分為三種：

1. 元素位置選擇符

p:first-child  {
color: red;
}
h1:last-child {
font-size: 22px;
}

以上代碼分別為選中第一個子元素和最后一個子元素，可以設置樣式。

2. 相鄰兄弟選擇符

h1 + p {
font-size: 18px;
}
h2 ~ p {
color: blue;
}

以上代碼中，"+"表示選取h1元素后緊跟的p元素，"~"表示選取h2元素后所有的p元素。可以設置樣式。

3. 子元素選擇符

ul >li {
margin-left: 20px;
}

以上代碼中，">"表示選取ul元素下直接的子元素li，可以設置樣式。

以上就是CSS樣式按位置的三種選擇符，可以根據需要進行使用。