css里关于定义class选择器的问题
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css里关于定义class选择器的问题相关的知识，希望对你有一定的参考价值。
css文件里最多可以定义几个以点开头的class选择器？
--theme.css文件里是这么写的
.glocolor:#FF0000; font-weight:bold;<!--Glossary名词解释：红色粗体-->
.cmdcolor:#0000FF; font-weight:bold; font-style:italic;<!--Command命令：蓝色粗体斜体-->
--chapter.html文件里是这么写的
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="./css/theme.css" />
<title>数据库和表的基本操作</title>
</head>
<body>
<p>
建立数据库： <span class="glo">CREAT DATABASE 数据库名</span><br />
打开数据库： <span class="cmd">OPEN DATABASE 数据库名</span><br />
</p>
</body>
</html>
css中我定义了glo和cmd两个选择器，但是在chapter.html中只能引用第一个glo选择器。如果我把css中glo和cmd顺序调换一下，chapter.html就只能引用cmd选择器。
我想问一下，以点开头的class选择器是不是只能定义一个？还是说我代码写错了？
class 选择器可以无数个。span 不是块元素。 你要用DIV
<body><p>
建立数据库： <div class="glo">CREAT DATABASE 数据库名</div><br />
打开数据库： <div class="cmd">OPEN DATABASE 数据库名</div><br />
</p>
</body>
</html> 参考技术B css注释错了
/* 在css里要这样注释 */
选择器数量没有限制本回答被提问者采纳
详解CSS样式选择器都有哪些?
参考技术A
CSS选择器就是指定CSS要作用的标签，那个标签的名称就是选择器。意为：选择哪个容器。
CSS选择器分类：
标签选择器、类选择器、ID选择器、全局选择器、群组选择器、后代选择器、伪类选择器
1、html标签选择器：
定义：以html标签作为选择器
2、class类选择器：
定义：为HTML标签添加class属性，通过类选择器来为具有此class属性的元素设置css样式。
类选择器也可以对不同类型元素的同一个名称的类选择器设置不同的样式规则：
同一个元素可以设置多个类，之间用空格隔开：
3、ID选择器
定义：为HTML标签添加ID属性，通过ID选择器来为具有此ID的元素设置CSS规则
4、群组选择器
定义：集体统一设置样式
5、全局选择器
定义：所有标签设置样式
HTML文档结构图
6、后代选择器
定义：使用后代选择器设置，之间用空格隔开，后代选择器可以多层。
7、伪类选择器
链接的四种状态：激活状态，已访问状态，未访问状态，鼠标悬停状态。
伪类
说明
:link
未访问的链接
:visited
已访问的链接
:hover
鼠标悬停状态
:active
激活的链接
:hover 用于访问的鼠标经过某个元素时；
:active 用于一个元素被激活时（即按下鼠标之后放开鼠标之前的状态）
伪类选择器的属性：link > visited > hover > active
说明：
1) a:hover 必须置于 a:link和a:visited之后，才有效
2) a:active 必须置于 a:hover之后才有效
3) 伪类名称对大小写不敏感
8、CSS其它选择器
css继承特性，从父元素那继承部分css属性
选择器的优先级
ID选择优先级最高（id选择器定义具有唯一性）
class选择器次之（class选择器可以多个）
元素选择器再次之
其它选择器优先级主要根据定义的先后顺序，最后定义的优先级高
!important 加重选择器的优先级，添加在样式规则之后，中间用空格隔开。
CSS选择器命名规则
1：采用英文字母，数字以及"-" 和 "_" 命名
2：以小写字母开头，不能以数字和"-" 和 "_" 开头
3：使用有意义的命名规范
常用CSS命名
header
页头
main
主体
footer
页尾
nav
导航
sidebar
侧栏
container
容器
column
栏目
title
标签
menu
菜单
submenu
子菜单
*列举常用命名，大家根据自身项目及团队的规则命名
耐心学习基础知识，基础是盖房的根基，必须打结实。
如果您觉得有用，记得在下方点赞、关注、留言，我会定期奉 上更多的惊喜哦，您的打赏支持才是我继续努力的动力，么么哒。
每日分享在学习过程中总结的学习经验，学习笔记，笔试题，HTML，CSS，JavaScript，jQuery教程，Vue教程，PHP教程，TinkPHP教程等，望大家能以学习为目的，每天阅读一篇文章，了解身边的技术。陪有梦想的人一起成长！
以上是关于css里关于定义class选择器的问题的主要内容，如果未能解决你的问题，请参考以下文章