欢迎光临散文网 会员登陆 & 注册

CSS学习笔记之选择器

2023-07-20 12:32 作者:FBI超级特工007  | 我要投稿

2、选择器

作用:选择页面上的某一个或者某一类元素

2.1、基本选择器

1、标签选择器 :选择一类标签      标签{}

2、类选择器 class :选择class属性一致的标签,跨标签        .类名{}

3、id选择器 :全局唯一!      #id{}

优先级:       id选择器  >  class选择器  >  标签选择器

2.2、层次选择器

1、后代选择器: 在某个元素的后面        ==>       祖爷爷     爷爷        爸爸      你

2、子选择器        ==>        一代,儿子

3、相邻兄弟选择器           ==>          同辈,相邻

4、通用兄弟选择器


2.3、结构伪类选择器

伪类:条件

上方代码的效果

2.4、属性选择器(常用)

id + class结合~

上方代码效果


友链——极好的编程论坛:鱼C论坛(fishc.com.cn)

辛苦整理出来的,如果喜欢的话,就动动你的手指,点赞+投币+关注吧!

CSS学习笔记之选择器的评论 (共 条)

分享到微博请遵守国家法律