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

网页制作 2024/11/15 佚名

3 2 1

来自：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 选择器。关键是记不住阿，就记上面几个就行了，比较常用。下面给大家举些例子容易理解一点。

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

1.不要以数字开头。

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

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

总结

css选择器,css六个选择器

标签：

免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

岱庙资源网 Copyright www.zgmyg.com

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

暂无“CSS 中的六个重要选择器(三秒就可以记住)”评论...

www.zgmyg.com 岱庙资源网

129,905影音资源

244,626技术资源

111,817软件资源

578,645站长资源

2024年11月15日