css选择器最常用的类型有 css选择器主要分为哪几类
大家好,如果您还对css选择器最常用的类型有不太了解,没有关系,今天就由本站为大家分享css选择器最常用的类型有的知识,包括css选择器主要分为哪几类的问题都会给大家分析到,还望可以解决大家的问题,下面我们就开始吧!
css有哪三大基本选择器
1、标签选择器
p{color:red;}
什么是标签选择器?
根据指定标签名称,在当前界面中找到所有该名称的标签,并设置属性
注意点:
标签选择器选中的是当前界面所有同名标签,不能单独选中
只要是HTML中的标签都可以作为标签选择器
2、id选择器#id{color:red;}
什么是id选择器?
根据指定标签的id,在当前界面中找到该id的标签,并设置属性
注意点:
每个HTML标签都有id属性
同一个界面中id是唯一的,不能重复
编写id选择器必须要在id前面加上一个#号
id的名称有一定的规范,只能由字母数字和下划线组成
id的名称不能够以数字开头
id的名称不能与HTML标签同名
如果仅仅是为了设置样式,我们不会使用id,因为前段开发中id是留给js使用的
3、类选择器.class{color:red;}
什么是类选择器?
根据指定标签的类,在当前界面中找到该类的标签,并设置属性
注意点
每个HTML标签都有class属性
同一个界面中class属性是可以重复
编写class选择器必须要在class名称前面加上一个.号
class的名称有一定的规范,只能由字母数字和下划线组成
class的名称不能够以数字开头
class的名称不能与HTML标签同名
class就是专门给某一类标签设置样式的
一个标签可以同时绑定多个class属性
<p class="p1 p2 p3">Test paragraph</p>,这样就绑定了三个类属性
类选择器实践,通过对不同类的组合来实现不同的效果
css选择器有哪些
1、类别选择器
2、标签选择器
3、ID选择器
4、后代选择器
5、子选择器
6、伪类选择器
7、通用选择器
8、群组选择器
9、相邻同胞选择器
10、属性选择器
扩展资料:
一个完整的HTML页面是有很多不同的标签组成,而标签选择器,则是决定哪些标签采用相应的CSS样式,(在大环境中你可能处于不同的位置,
但是不管怎么样,你总是穿着同一套衣服,这件衣服就是由标签选择器事先给你限定好的,不管走到哪里都是这身衣服)比如,在style.css文件中对p标签样式的声明
参考资料百度百科-css选择器
css样式有哪几种选择器
CSS的选择器其实大类的话可以分为三类,即id选择器、class选择器、标签选择器。
用法如下:
#id名{属性名:属性值;}
.class名{属性名:属性值;}
标签名{属性名:属性值;}
其中,他们之间又可以以不同的方式进行组合,如下:
后代选择器:父代名后代名{属性名:属性值;}
子代选择器:父代名>子代名{属性名:属性值;}
群组选择器:#name1,.name2,#name div{属性名:属性值;}
伪类选择器: name:伪类
通用(通配符)选择器:*{属性名:属性值;}……
常用的也就这些。
纯手打,望采纳。我的百度个人简介里面还有博客网址,想看一些我资料欢迎进入我的博客。
css选择器最常用的类型有和css选择器主要分为哪几类的问题分享结束啦,以上的文章解决了您的问题吗?欢迎您下次再来哦!