css选择器中有小数点的标签获取方法

获取CSS选择器中有小数点的标签的方法，是使用CSS class选择器。CSS class选择器指的是以.开头的选择器，后面跟类名。

例如，我们有如下HTML代码：

<div class="box">这是一个盒子</div>
<p class="text">这是一段文字</p>
<p class="text highlight">这是一段带有高亮效果的文字</p>

当我们想要获取class为"text"的p标签，就可以使用".text"选择器，代码如下：

p.text { 
  color: red; 
}

如果想要获取带有多个类名的标签，也同样可以用这个方法。例如，我们想要获取class为"text"和"highlight"的p标签，可以使用".text.highlight"选择器，代码如下：

p.text.highlight {
  background-color: yellow;
}

除了使用CSS class选择器外，还可以使用属性选择器，即使用"[]"符号获取特定属性的元素。这种方法适用于没有使用CSS class定义的标签。例如，我们有如下HTML代码：

<div data-type="box">这是一个盒子</div>
<p data-type="text">这是一段文字</p>
<p data-type="text" data-highlight>这是一段带有高亮效果的文字</p>

当我们想要获取data-type属性值为"text"的p标签，就可以使用"[data-type='text']"选择器，代码如下：

p[data-type='text'] {
  color: red;
}

当我们想要获取同时包含data-type="text"和data-highlight属性的p标签时，可以使用"[data-type='text'][data-highlight]"选择器，代码如下：

p[data-type='text'][data-highlight] {
  background-color: yellow;
}

以上就是获取CSS选择器中有小数点的标签的完整攻略。