2.如何使用DevTools触发CSS伪类

html-css014

2.如何使用DevTools触发CSS伪类,第1张

当一个元素应用了某种状态时,您将在节点的开始标签左侧看到一个视觉指示器,在某些情况下,也将在关闭标签左侧(如果它们相距很远)。

我们可以触发:活动类(:active),焦点类(:focus),悬停类(:hover)和访问过的(:visited)伪类。

一般伪类是 :PseudoClass ,伪元素是 ::PseudoElement ,虽然伪元素也能写一个冒号,但是最好区分开来

可以是可以,就是你在写html结构的时候,一定要把另一个元素写在你hover的元素里面,即要求hover的元素是父元素,移动的元素是子元素,然后写css的时候可以 div.hover a {...}

“Layout”是一个 IE/Win 的私有概念,它决定了一个元素如何显示以及约束其包含的内容、如何与其他元素交互和建立联系、如何响应和传递应用程序事件/用户事件等。 这种渲染特性可以通过某些 CSS 属性被不可逆转地触发。而有些 HTML 元素则默认就具有“layout”。 微软的开发者们认为元素都应该可以拥有一个“属性(property)”(这是面向对象编程中的一个概念),于是他们便使用了 hasLayout,这种渲染特性生效时也就是将 hasLayout 设成了 true 之时。 术语 当我们说一个元素“得到 layout”,或者说一个元素“拥有 layout” 的时候,我们的意思是指它的微软专有属性 hasLayout http://msdn.microsoft.com/worksh ... rties/haslayout.asp 为此被设为了 true 。一个“layout元素”可以是一个默认就拥有 layout 的元素或者是一个通过设置某些 CSS 属性得到 layout 的元素。 而“无layout元素”,是指 hasLayout 未被触发的元素,比如一个未设定宽高尺寸的干净 div 元素就可以做为一个“无layout祖先”。 给一个默认没有 layout 的元素赋予 layout 的方法包括设置可触发 hasLayout = true 的 CSS 属性。参考默认 layout 元素以及这些属性列表。没有办法设置 hasLayout = false , 除非把一开始那些触发 hasLayout = true 的 CSS 属性去除。