1、基本选择器1.1 通配符选择器通配符选择器又称为通用元素选择器，会匹配所有的元素，对所有元素都生效。语法为*{}：*{margin:0;padding:0}1.2 ID选择器ID选择器是比较常用的选择器之一，使用方式就是#id名{}，例如：<div id=main> id选择器</div>#main{margin:0;}1.3 类选择器类选择器又叫class选择器，也属于比较常用的选择器之一，使用方式就是.class名{}，例如：<div class=main> class选择器</div>.main{margin:0;}1...
一.选择器： 1.三种基本选择器： 元素选择器 也叫标签选择器类选择器，以符号（.）开头ID选择器，以符号（#）开头 例子: <!DOCTYPE html> <html><head><meta charset="UTF-8"><title>三种选择器练习</title> <style>h1{color: papayawhip; }.a1{color: palegreen; }#a2{color: navy; }</style></head><body><!-- 优先级：id选择器>类选择器>标签选择器 --><h1 > <!--标签选择器-->选择器 </h1> <h1 class="a1">...
前言：我们在码代码的时候，经常会遇到需要给第一个或者最后一个元素添加或删除样式，还有一些比较特殊的是选取第几个元素添加或删除样式，下面记录css选择器中常见的选择器:相邻兄弟选择器（+）、子选择器（>）、兄弟选择器（~）、first-child、:last-child、:nth-child()、:nth-last-child()的用法。相邻兄弟选择器（+）相邻兄弟选择器可选择紧接在另一个元素后的元素，且二者具有相同的父亲元素。注释：与子结合符一样，相邻兄弟...
CSS选择器 一 选择器示例示例说明.class.intro选择所有class="intro"的元素#id#firstname选择所有id="firstname"的元素**选择所有元素elementp选择所有元素element,elementdiv,p选择所有元素和元素 element elementdiv p选择元素内的所有元素(1) 选择器示例示例说明.class.intro选择所有class="intro"的元素#id#firstname选择所有id="firstname"的元素 <head> <style>.intro{/*选择所有class="intro"的元素*/background-color:rgb(...
浏览器的组成： shell+内核 shell：用户能看得到的界面就叫shell 内核：渲染rendering引擎和js引擎 现在主流拥有自己开发内核的浏览器：opera现在属于360和昆仑万维 CSS（cascading style sheet)层叠样式表 内联样式写法： 内部样式表: 外部样式表： href:typertext reference：针对外部的引用 src:source:加载资源 这三种方式有权重的问题：分别是内联样式的优先级>内部样式的优先级>外部样式的优先级 在输入网址...
用户行为伪类 1.1 :hover selector:hover 表示匹配鼠标经过的selector选择器元素。应用场景： 鼠标经过元素时的样式变化，Tips提示，下拉列表和过渡动画等 细节优化： 如果在鼠标移动到目标元素过程中触发了附近其他元素的:hover效果导致遮盖了目标元素，可通过设置目标元素效果hover的延时出现（通过visibility控制显隐和transition配合使用） 通过:hover实现类似下拉列表这种重要功能时，需考虑用户交互环境无鼠标的情景（如触屏...
CSS 子元素选择器 1、css子元素选择器 如果您不希望选择任意的后代元素，而是希望缩小范围，只选择某个元素的子元素，请使用子元素选择器（Child selector）。 例如，如果您希望选择只作为 h1 元素子元素的 strong 元素，可以这样写：h1 > strong {color:red;} 这个规则会把第一个 h1 下面的两个 strong 元素变为红色，但是第二个 h1 中的 strong 不受影响： 2、css兄弟选择器 如果需要选择紧接在另一个元素后的元素，而且二者有相...
:nth-child() 一、偶数:nth-child(2n)二、奇数 :nth-child(2n-1)三、第6个开始的，直到最后:nth-child(n+6)四、选择第1个到第6个 :nth-child(-n+6)五、两者结合使用，可以限制选择某一个范围，选择第6个到第9个 :nth-child(n+6):nth-child(-n+9):nth-last-child() 选择器 :nth-last-child(n) 选择器匹配属于其元素的第 N 个子元素的每个元素，不论元素的类型，从最后一个子元素开始计数。 n 可以是数字、关键词或公式。 提示：请参...