分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

css选择器

发布时间:2023-09-06 01:16责任编辑:顾先生关键词:选择器

一. 基本选择器

选择器格式
元素选择器标记名{/*声明块*/}
类选择器.类名{/*声明块*/}
ID选择器#id值{/*声明块*/}

二 .多元素的组合选择器

选择器描述
E,F组合/并集选择器,同时匹配所有E元素或F元素,E和F之间用逗号隔开
E F后代选择器,匹配所有属于E元素后代的F元素,E和F之间用空格分隔
E>F子级选择器,匹配所有E元素的儿子元素F

三.伪类选择器

选择器描述
E:link匹配所有未访问的链接
E:visited匹配所有已访问的链接
E:hover匹配鼠标悬停时的E元素
E:active匹配鼠标点击时的E元素
E:nth-child(n)匹配其父元素的第n个子元素
E:nth-last-child(n)匹配其父元素的倒数第n个子元素
E:nth-of-type(n)匹配使用同种标签的第n个元素
E:last-child匹配父元素的最后一个子元素,等同于E:nth-last-child(1)
E:first-of-type匹配父元素下使用同种标签的第一个元素,等同于E:nth-of-type(1)
E:last-of-type匹配父元素下使用同种标签的最后一个元素

  

四.属性选择器

选择器描述
E[attribute=value]匹配所有attribute属性等于“value”的E元素
E[attribute^=value]匹配所有attribute属性值是以“value”开始的E元素
E[attribute$=value]匹配所有attribute属性值是以"value"结束的E元素
E[attribute*=value]匹配所有attribute属性值包含有“value”的E元素

css选择器

原文地址:http://www.cnblogs.com/cherish00/p/7635354.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved