加入收藏 | 设为首页 | 会员中心 | 我要投稿 帝国网站管理系统 (https://www.0356zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 编程要点 > 语言 > 正文

css的选择器有几种?使用要注意哪些?

发布时间:2022-01-13 09:41:58 所属栏目:语言 来源:互联网
导读:css的选择器有几种?本文给大家简单的介绍六种比较重要的选择器以及使用要注意的问题,对新手学习和理解css的选择器有一定的帮助,接下来我们一起来看看吧。 1.通配符(*) 也可称作全局选择器或者通用选择器,顾名思义,就是定义所有的元素的样式。常用于默
     css的选择器有几种?本文给大家简单的介绍六种比较重要的选择器以及使用要注意的问题,对新手学习和理解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写的什么了。



(编辑:帝国网站管理系统)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读