css虚类选择器？
2024-10-16 03:24:32
css3选择器如下：
一、通配符选择器（*）
通配符选择器是用来选择所有元素，，也可以选择某个元素下的所有元素。
二、元素选择器（E）
元素选择器，是css选择器中最常见而且最基本的选择器。
三、类选择器（.className）
类选择器是以一独立于文档元素的方式来指定样式，使用类选择器之前需要在html元素上定义类名
四、id选择器（#ID）
ID选择器和上面说的类选择器是很相似的，在使用ID选择器之前也需要先在html文档中加注ID名称，这样在样式选择器中才能找到相对应的元素，不同的是ID选择器是一个页面中唯一的值，我们在类使用时是在相对应的类名前加上一个“.”号（.className）而id选择器是在名称前使用＂#＂如（#id）,
五、后代选择器（EF）
后代选择器也被称作包含选择器，所起作用就是可以选择某元素的后代元素，比如说：E?
F，前面E为祖先元素，F为后代元素，所表达的意思就是选择了E元素的所有后代F元素，请注意他们之间需要一个空格隔开。
六、子元素选择器（Egt;F）
子元素选择器只能选择某元素的子元素，其中E为父元素，而F为子元素，其中Egt;F所表示的是选择了E元素下的所有子元素F。这和后代选择器（E?
F）不一样，在后代选择器中F是E的后代元素，而子元素选择器Egt;F，其中F仅仅是E的子元素而以。
七、相邻兄弟元素选择器（E+F）
相邻兄弟选择器可以选择紧接在另一元素后的元素，而且他们具有一个相同的父元素，换句话说，EF两元素具有一个相同的父元素，而且F元素在E元素后面，而且相邻，这样我们就可以使用相邻兄弟元素选择器来选择F元素。
css伪类选择器怎么用伪类选择器hover可以在鼠标移到链接上时设置一些特殊样式，比如字体大小,背景颜色，显示隐藏等等。
注意：伪类选择器hover可以作用于所有元素，不仅仅是链接。
与hover类似的选择器还有link，visited，active。link选择器可以设置未被访问过的链接样式，visited选择器可以设置已被访问过的链接样式，active选择器可以设置被激活的链接样式。不清楚的同学可以参考CSS视频教程。
用法1：当鼠标经过链接时改变其自身的样式（hover后面直接接样式）
描述：当鼠标经过时，a标签的字体颜色变为红色，字体变大，
用法2：用伪类选择器hover控制其子元素的样式（hover后面加空格再接要改变元素的样式）
描述：当鼠标经过时div时，其子元素的颜色变为紫色，字体变大，出现红色边框，
用法3：当鼠标经过时控制其兄弟元素的样式（hover后面加“+”再接要改变元素的样式）
描述：鼠标经过时其兄弟元素的背景颜色变为黄色，字体变大，
css伪类选择器有哪些
伪类选择器是CSS五种选择器当中应用最灵活的一种，其包含六个分类。
1、动态伪类选择器
不同的状态，使用不同的样式。
E:link
E:visited
E:active
E:hover
E:focus
2、目标伪类选择器
用来匹配页面的URI中某个标识符的目标元素。
E:target
选择匹配E的所有元素，且匹配元素被相关URL指向。
3、语言伪类选择器
用来匹配使用指定语言的元素。
E:lang(language)
4、元素状态伪类选择器
当元素处于某种状态下时，才起作用，在默认状态下不起作用。
E:checked
eg:input[type="checkbox"]:checked{}
E:enabled
eg:input[type="text"]:checked{}
E:disabled
eg:input[type="text"]:disabled{}
5、结构伪类选择器
这个就比较多了，平时用的也比较频繁。
:nth-child
:nth-last-child
:nth-of-type
:nth-last-of-type
:first-child
:last-child
:only-child
:first-of-type
:last-of-type
:only-of-type
:root匹配元素所有在文档的根元素
:empty选择没有子元素的元素，且不包含节点
6、否定伪类选择器
E:not(F)匹配所有除F外的E元素
热门标签
