网页制作 
首页 > 网页制作 > 浏览文章

CSS 中的六个重要选择器(三秒就可以记住)

(编辑:jimmy 日期: 2024/10/1 浏览:3 次 )

来自:https://blog.csdn.net/qq_44761243/article/details/108227213

CSS 的选择器有哪些???

1.通配符(*)

也可称作全局选择器或者通用选择器,顾名思义,就是定义所有的元素的样式。常用于默认的一些样式,例如给所有的元素设置内边距为2px  *{padding:2px; } ,增加页面的美感!

2.标签选择器

也可称作元素选择器,例如 div , p, img 等等。

3.类选择器

类名不能以数字开头,必须以 .号开头。一个页面的类名可以重复。例如 .类名{ } 的形式。

4.ID 选择器

以#开头,一个页面不能出现相同的 id 名称。

5.并列选择器

就是几个选择器需要设置同样的样式,中间用逗号隔开。例如 div,p{ color:red;} ,设置 div 标签和 p 标签的字体颜色都为红色。

6.父子选择器

就元素是父子的关系,改变的是儿子。选择器之间用空格隔开,例如 div h1{ font-size:60px;} ,设置 div 标签ne内的 h1标签的字体大小为 60像素。这里必须是 div 里面的 h1才可以改变样式。

优先级:

ID 选择器 > 类选择器 > 标签选择器 > 通配符

优先级不用解释了吧,就是谁先加载运行,谁就是大哥咯┗|`O′|┛

还有很多选择器就不一 一 介绍了,什么伪类选择器,伪 ID 选择器。关键是记不住阿,就记上面几个就行了,比较常用。下面给大家举些例子容易理解一点。

CSS 中的六个重要选择器(三秒就可以记住)

CSS 中的六个重要选择器(三秒就可以记住)

类名和 ID 名称的命名规则:

1.不要以数字开头。

2.类名和 ID 名称 做到望文知意,不能用中文,英语不好可以用拼音,拼音不好,算了你还是别用了,哈哈哈。【不是嘲笑哦~】

如果你比较憨憨或者懒,搞个one, two ,three,过段时间你再看你会崩溃的,你想不起 1 ,2 ,3写的什么了o(≧口≦)o

总结

上一篇:CSS 实现内容高度不够的时候底部(footer)自动贴底
下一篇:CSS+JS实现水滴涟漪动画按钮效果的示例代码
一句话新闻
一文看懂荣耀MagicBook Pro 16
荣耀猎人回归!七大亮点看懂不只是轻薄本,更是游戏本的MagicBook Pro 16.
人们对于笔记本电脑有一个固有印象:要么轻薄但性能一般,要么性能强劲但笨重臃肿。然而,今年荣耀新推出的MagicBook Pro 16刷新了人们的认知——发布会上,荣耀宣布猎人游戏本正式回归,称其继承了荣耀 HUNTER 基因,并自信地为其打出“轻薄本,更是游戏本”的口号。
众所周知,寻求轻薄本的用户普遍更看重便携性、外观造型、静谧性和打字办公等用机体验,而寻求游戏本的用户则普遍更看重硬件配置、性能释放等硬核指标。把两个看似难以相干的产品融合到一起,我们不禁对它产生了强烈的好奇:作为代表荣耀猎人游戏本的跨界新物种,它究竟做了哪些平衡以兼顾不同人群的各类需求呢?