来自: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选择器内容请搜索脚本之家以前的文章或继续浏览下面的相关文章,希望大家以后多多支持脚本之家!
最近在开发中遇到的需求是:微信扫描课件二维码,播放其对应的课件视频 设计流程...
一、前言 在了解加密原理前,我们来看看这样一个故事。 小红和小明是情侣,一天...
创业公司常常能给我们带来惊喜,不拘一格的工作方式,别开生面的商业模式,独树...
问题描述 按钮样式为图标+文字,在使用flex布局写垂直居中时,iphone7手机上文字...
em是何物? em指字体高,任意浏览器的默认字体高都是16px。所以未经调整的浏览器...
用什么代码实现?不允许有白色底色产生,因为手机高度不一样 设计图要标准(750...
1. 给logo添加替代文本 这样有两个好处:屏幕阅读器能识别logo图片代表的含义,...
首先提示,处于安全的需要JavaScript不能直接访问本地资源文件,那怎么办呢?下...
复制代码 代码如下: html !--混合框架的布局: 要想实现复杂的页面布局,只需在f...
大家好,我是民工哥。 一提到监控系统,大家很快就能想到 Zabbix 、 Prometheu s...