css选择器详解
2021-04-23 04:29
标签：写法 mda 最简 css pre cti 两种 script :active 选择器的作用就是用来筛选元素的 标签选择器是选择某一类元素 ID选择器是非常方便用于定位某个元素的 但是一般都不会使用ID选择器 因为ID尽量留给JavaScript使用 ID的特点：唯一 类选择器又称class选择器 class的优势：不唯一，可以重复使用 *：通配符 什么是通配符？ 类似于癞子斗地主的癞子 *可以是任意元素 *可以匹配任意元素 *的劣势：效率低下 所以不推荐使用通配符 后代选择器的格式：祖先元素 后代元素 eg：div > i 可以理解为相邻（下一个兄弟）选择器 E + F 1、被选中的元素必须是F类型 2、F标签必须与E标签是兄弟关系 3、F元素必须是紧跟着E元素后面的第一个元素 E ~ F：F元素必须跟E元素是兄弟关系，并且F元素必须要位于E元素的后面 eg： 1、被选中的元素必须是a类型 2、被选中的元素class必须是down eg： E [属性名] 属性选择器里面最简单的用法 E [属性名=属性值] 超链接的四种状态 :link; 默认状态 :hover; 鼠标悬停（鼠标移动到元素上） :active; 激活状态（鼠标按下）红色 :visited; 访问过后 紫色 正确的书写顺序：link visited hover active（love hate原则） 伪元素 它跟真实元素的用法是一模一样的 如果需要使用伪元素，那么content属性是必须的 伪元素的两种写法： CSS3之前的写法： :before :after CSS3的写法： ::before ::after css选择器详解 标签：写法 mda 最简 css pre cti 两种 script :active 原文地址：https://www.cnblogs.com/crazier/p/12236038.htmlCSS选择器——标签选择器
CSS选择器——ID选择器
CSS选择器——类选择器
CSS选择器——通配符选择器
CSS选择器——后代选择器
CSS选择器——子元素选择器
CSS选择器——相邻选择器
CSS选择器——兄弟选择器
CSS选择器——交集选择器
a.down {
color:red;
}
CSS选择器——并集选择器
div,span,p {
color: red;
}
CSS选择器——属性选择器
CSS选择器——伪类选择器
CSS选择器——伪元素选择器