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 可以是数字、关键词或公式。 提示：请参...