分享web开发知识

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

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

CSS选择器

发布时间:2023-09-06 01:19责任编辑:蔡小小关键词:CSS选择器

css选择器

1.元素选择器:元素名{声明块}

2.类选择器:.类名{声明块}

3.id选择器:#id名{声明块}

4.组合选择器:例子:h1,h2,h3{声明块}

5.伪类选择器: 元素名:伪类名称 例子:

a:link(未访问) a:visited(已访问) a:hover(鼠标悬浮) a:active(点击时)

6.后代选择器:例子: div  p{} 父级名称选择器+空格+子级元素名称{声明块}

7.子级选择器:父级名称>子级元素名称{声明块} div>p{}

8.属性选择器:格式:元素名称[属性名称="属性值"]{} 例如 input[type="text"]{声明块}

9.  .ipt::-webkit-input-placeholder{ color:red; }

10.选择已属性值以···开始的标签:书写方式:元素名称[属性名称+“^=”+属性值]{声明块}

11.选择属性值以···结束的标签:书写方式:元素名称[属性名称+“$=”+属性值]{声明块}

12.选择属性值包含属性值的标签:书写方式:元素名称[属性名称+“*=”+属性值]{声明块}

13.伪元素选择器:例子:em:before{content:"china"};em:after{content:"四川"}

14.对第一个字变色及第一行字体变色;例子:p:first-letter{color:red;};p:first-line{color:red;}

15.兄弟选择器:同级选择器1“+”兄弟选择器2;例子:h3+p{声明块}

CSS选择器

原文地址:http://www.cnblogs.com/AndHowAreYou/p/7710592.html

知识推荐

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