有时候,一个html上有着许许多多的相同标签,但是却又不在同样的位置,这个时候我们该如何去定位到我们想要的那一个目标元素呢,在这个时候css选择器就派上了用场。
精准制导-css选择器
css选择器分成基础选择器和高级选择器,简而言之就是简单和复杂的选择器。
一、css基础选择器
1.标签选择器(元素选择器)
标签选择器是使用标签名作为选择器,给页面中某一类标签指定统一的CSS样式,语法格式如下:
仍然是键值对的格式 属性: 属性值
标签名{属性1:属性值1; 属性2:属性值2;}
2.类选择器
类选择器的格式是点后接一个类名,而类名是在标签中进行设置的,如
<!-- 类选择器使用格式如下-->
.apple {
<!--书写css样式-->
}
<p class="apple"></p>
3.多类名选择器
一个标签可以同时拥有多个类名,所以我们可以给一个标签赋予不同的类名代表不同的含义,并且在调用的时候我们也可以写多个类名来书写统一的css样式,格式是中间需要空一格