这篇文章主要介绍“css选择器有哪些及怎么使用”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“css选择器有哪些及怎么使用”文章能帮助大家解决问题。在CSS中，选择器是一种模式，用于选择需要添加样式的元素。选择器主要是用来确定html的树形结构中的DOM元素节点。主要有以下几种：一：类选择器class元素可以有多个值，中间用空格隔开。一个文件中，可以有多个相同的class值。样式：二：ID选择器#(哈希)符号加上id名称组成。但是单个文件中id值要保持唯一。一个element中只设置一个id。样式：三：通用选择器* 允许选择一个页面的所有元素。样式：四：属性选择器1：存在和值属性选择器(presence and value)分为三种情况：属性名存在；属性名存在并且有对应的值；属性名存在并且包含对应的值。[attr] 只要包含该属性即可。不论是否有值，不论值为何。样式：[attr=val] 包含该属性，并且值也相等。样式：[attr~=val] 包含该属性，并且该属性中至少有一个值为val。样式：上面两个标签都会被匹配到。2：子串值属性选择器(substring value 也叫伪正则)[attr|=val] 包含attr属性，并且值为value，或者值是以val- 这样的形式开头。[attr^=val] 包含attr属性，并且值以val开头。[attr$=val] 包含attr属性，并且值以val结尾。[attr*=val] 包含attr属性，并且值中包含子字符串val。五：伪类(pseudo-class)以:作为前缀，被添加到一个选择器末尾的关键字。当你希望样式在特定状态下免费云主机域名才被呈现到指定的元素时，你可以往元素的选择器后面加上伪类。比如让超链接，访问前后样式一致，同时鼠标悬停时不一致。比如当一个列表的偶数行和奇数行的背景不同这是第一行这里的nth-of-type() 是匹配兄弟节点。因此不能写成p:nth-of-type。另外如果使用的是nth-child()的话，它匹配的也是兄弟节点。虽然看名字像是一个孩子节点。六：伪元素（Pseudo-element)通过::这样两个冒号前缀，组合关键字，添加到某个元素的后面，去选择该元素的某个部分。七：组合器css的全称是Cascading Style Sheets（层叠样式表），它是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。关于“css选择器有哪些及怎么使用”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注百云主机行业资讯频道，小编每天都会为大家更新不同的知识点。
相关推荐: Cè¯è¨åºç¡å 容ååæ¯å 容æåªäº
C1.%d %c %f 免费云主机域名%s %u 2.#define3.signedunsignedcharsignedunsigned4.5.6.7.8.C ====0&& || ifswitch1.elseelseifif-else2.sw…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
