css中的符合選擇器是用來選取元素的一種方式，有時候我們需要選取有特定類名或特定屬性的元素，這時候就可以使用帶點的符合選擇器。

/* 選取所有class為box的元素 */
.box {
width: 100px;
height: 100px;
background-color: red;
}

在上面的代碼中，使用了帶點的符合選擇器，即選取所有class為box的元素。當我們需要對所有class為box的元素做出相同的改變時，就可以使用這種方式來進行樣式的修改。

/* 選取h1中包含class為title的元素 */
h1.title {
color: blue;
}

除了直接使用class選擇器外，還可以將class選擇器和元素選擇器結合使用，這樣就可以選取同時擁有特定class和特定元素的元素。在上述代碼中，選取的是所有h1元素中包含class為title的元素，并將它的字體顏色改為藍色。

除了class選擇器外，還有利用帶點的符合選擇器來選取元素的屬性選擇器。比如下面這個代碼選取所有type屬性為submit的按鈕：

/* 選取所有type屬性為submit的input元素 */
input[type="submit"] {
background-color: green;
}

在上述代碼中，使用了屬性選擇器，即選取所有type屬性為submit的元素，將它們的背景變為綠色。

總之，帶點的符合選擇器是css中非常常用的一種選取元素的方式，可以通過這個方式輕松地篩選出需要改變的元素，并對它們做出相應的樣式修改。