【HTMLCSS】类和类选择器这个东西就挺有意思的
CSS这个游戏的基本规则属于是（滑稽
类
定义
我把类理解为特殊的标签
程序员可以⾃定义类，前⾯加上“.”
. ⾃定义类名 { 属性：值；属性：值;······}
⽐如：.red{color:red;}
css选择器分为哪几类也可以修改预设的标签，不⽤加上“.”
点击查看-修改预设标签-代码
调⽤
之前我说类是修改标签格式的东西，如何修改就是这样体现的。
调⽤⽅式：
<；标签 class="类名">内容</>
点击查看-类的调⽤-代码
注意那个class="red"那就是调⽤
类作为修改标签的东西，是可以被重复调⽤的。
id
id和类很像，只不过区别在调⽤次数上。
定义
只能⽤⼀次的类就是id
程序员可以⾃定义id，前⾯加上“#”
#⾃定义id名 { 属性：值；属性：值;······}
调⽤
<；标签 id="id名">内容</>
理论上来说，⼀个id只能被调⽤⼀次，但是现在很多浏览器出于兼容⽬的，让id也可以多次调⽤
id可以和类⼀起⽤，⽐如：<div class="red" id="bold">CCCP</div>
下⾯是⼀个⽰例程序。
点击查看-⽰例程序-代码
选择器
选择器的种类有很多，我认为这是实现⽹页样式的核⼼。
刚才定义、调⽤类和id的⽅式，就是⽤选择器。
事实上，上⾯的“类”和“id”就是类选择器和id选择器。
所谓类也许只是那个或预设或⾃定义的名字（本⼈理解）
选择器就是⽤来⾃定义，实现⽹页中所有内容的样式定义、修改
在使⽤标签时，把要⽤的类写在class=⾥⾯
并集选择器
标记选择器，标记选择器,.类别选择器···· { 属性：值;······;}
点击查看-并集选择器-代码
交集选择器
标记选择器.类别选择器 { 属性：值;······;}
点击查看-交集选择器-代码
这也基本展⽰了选择器的使⽤⽅法
后代选择器和⼦元素选择器
后代选择器-->选择⼀个标签后⾯所有的⼦元素
类别选择器标记选择器{属性：值；属性：值;·······}
点击查看-后代选择器-代码
⼦元素选择器--&t；选择⼀个标签后⾯紧跟的⼀个⼦元素类别选择器 > 标记选择器{属性：值；属性：值;·······}
点击查看-⼦元素选择器-代码

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。