1. 选择的对象不同: 伪类选择器: 选择的是DOM树中已存在的元素的特定状态,例如鼠标悬停、链接访问状态、表单元素的激活状态等。它并不创建新的元素,只是根据元素的状态来选择它们。 伪元素选择器: 选择的是DOM树中并不实际存在的元素的特定部分,例如段落的首字母、元素的::before和::after等。它创建了虚拟的元...
伪类选择器和伪元素选择器的区别 ## 伪类:伪类用于DOM树之外的消息,或是不能简单选择器进行表示的信息。前者包含那些匹配指定状态的元素,比如:visited,:active ;后者包含那些满足一定逻辑条件的DOM树中的元素,比如:first-child,:fitst-of-type,:target ## 伪元素:伪元素为DOM树没有定义的虚拟元素。不同于其他选...
1、类选择器:class名 =>p.info {} //选择class为info的所有p元素 2、id选择器: id名 => #info {} //选择id为info的元素 不能为多个元素同时设置相同的id 3、标签选择器:标签名 => div {} //选择所有的div 4、并列选择器:#info,.info, p {} //同时选择多个选择器 5、后代选择器:父选择器 ...
(1)类,用户定义的类名,这个类是具体的,看得见的,如div.div0,选择具有类div0的div元素。 (2)伪类,用于向某些选择器添加特殊的效果。用伪类定义的样式并不是作用在标记上,而是作用在标记的状态上,如a标签的:hover,表单元素的:disabled。 (3)元素,如div、p、h1等,是实实在在存在的元素。 (4)伪元素,是htm...
伪类选择器nthfristchild应该是伪类选择器nthchild其在ie68和ff30浏览器不支援css3中nthoftypen比如nthoftype1这个特殊的类选择符可以样式更加个性的标题和段落等不过目前nthoftypen只支援火狐3operasafari和chrome等部分浏览器 伪类选择器,伪类和伪元素的区别 伪类选择器,伪类和伪元素的区别, css3中伪类选择器和伪...
1、伪类是为了弥补CSS选择器的不足,用来更方便地获取信息 test1test2li:first-child { color: #f00; } // 选择器不能直接选取第一个子元素 // 伪类弥补了选择器的不足 2、伪元素本质上是创建了一个虚拟容器(元素),我们可以在其中添加内容或样式 .first-letter { color: #f00; }H...
伪类选择器和伪元素选择器的区别? 伪元素和伪类之所以如此容易混淆,是因为它们具有相似的效果和相似的编写方法。实际上,为了区分它们,CSS3明确规定伪类用冒号表示,伪元素用两个冒号表示。 伪类选择器,伪类和伪元素的区别? Pseudo class应该写成:WeiLei Pseudo element应该写成:weiyuansu ...
[title^=info] //选择所有title属性值以info开头的元素 [title$=info] //选择所有title属性值以info结尾的元素 [title$=info] //选择所有title属性值包含info的元素 8、伪类选择器:不修改dom内容,通过一些特定的选择器根据特定的状态,特定条件来修改元素的样式。
css3伪类、伪元素选择器---nth-child()和nth-of-type()选择器的区别 p:nth-of-type(2)选择父元素下的第二个p元素