(1)类,用户定义的类名,这个类是具体的,看得见的,如div.div0,选择具有类div0的div元素。 (2)伪类,用于向某些选择器添加特殊的效果。用伪类定义的样式并不是作用在标记上,而是作用在标记的状态上,如a标签的:hover,表单元素的:disabled。 (3)元素,如div、p、h1等,是实实在在存在的元素。 (4)伪元素,是htm...
1、类选择器:class名 =>p.info {} //选择class为info的所有p元素 2、id选择器: id名 => #info {} //选择id为info的元素 不能为多个元素同时设置相同的id 3、标签选择器:标签名 => div {} //选择所有的div 4、并列选择器:#info,.info, p {} //同时选择多个选择器 5、后代选择器:父选择器 ...
## 伪类:伪类用于DOM树之外的消息,或是不能简单选择器进行表示的信息。前者包含那些匹配指定状态的元素,比如:visited,:active ;后者包含那些满足一定逻辑条件的DOM树中的元素,比如:first-child,:fitst-of-type,:target ## 伪元素:伪元素为DOM树没有定义的虚拟元素。不同于其他选择器,它不以元素为最小选择单元,...
伪类选择器,伪类和伪元素的区别伪类选择器nthfristchild应该是伪类选择器nthchild其在ie68和ff30浏览器不支援css3中nthoftypen比如nthoftype1这个特殊的类选择符可以样式更加个性的标题和段落等不过目前nthoftypen只支援火狐3operasafari和chrome等部分浏览器 伪类选择器,伪类和伪元素的区别 伪类选择器,伪类和伪元素...
[title^=info] //选择所有title属性值以info开头的元素 [title$=info] //选择所有title属性值以info结尾的元素 [title$=info] //选择所有title属性值包含info的元素 8、伪类选择器:不修改dom内容,通过一些特定的选择器根据特定的状态,特定条件来修改元素的样式。
1、伪类是为了弥补CSS选择器的不足,用来更方便地获取信息 test1test2li:first-child { color: #f00; } // 选择器不能直接选取第一个子元素 // 伪类弥补了选择器的不足 2、伪元素本质上是创建了一个虚拟容器(元素),我们可以在其中添加内容或样式 .first-letter { color: #f00; }H...
不同级别:!important > 内联样式 > ID选择器 > 类选择器(属性选择器、伪类选择器)> 元素选择器(伪元素选择器)> 通配符选择器 同一级别 (1)同一级别中后写的会覆盖先写的样式 (2)同一级别css引入方式不同,优先级不同 排序:内联(行内)样式 > 内部样式表 > 外部样式表 > 导入样式(@import)...
伪类选择器 伪元素选择器 结构选择器 UI元素状态伪类选择器 否定伪类选择器 层级选择器 E>F 子选择器, 只选择父元素E下的子元素,如下的选择div下的span,结果选择到AAAA,并没有选择到 段落二 ,这是因为 段落二不是div的子元素,而是子元素 p 的子元素 E+F 兄弟选择器 E+F兄弟选择器,样式只会在F兄弟上显...
选择器类型⾸先我们知道的有类选择器、ID选择器、⼦代选择器、元素选择器、标签选择器等 同时呢伪元素是指c3的属性，是⼀种特殊的样式 常⽤的有:after 和 :before 元素的前⾯和后⾯创建虚拟dom 伪类常⽤的四种⽅式： a{ :link => a 标签（默认） :hover => ⿏...
我们可以在控制台这里看到两个伪元素的存在,它们的存在与选择器或者伪类的存在都不一样,因为他们是虚拟的,在控制台显示也是不一样的 三者的区别就是:在DOM元素中是否存在? css选择器是存在于dom元素中的,占据空间 c3伪元素是不存在与DOM元素中的,我们可以在控制台看到内容那里看到,因为它创建的虚拟的DOM,而且w3c...