分享web开发知识

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

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

css3新特性选择器(补充)

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

1.选择p标签中的第一个字符

p:first-letter{

color:red;

font-size:25px;

}

2.选择p标签中的第一行

p:first-line{

  color:red;

  font-size:25px;

}

3.在p的前面和后面添加伪类

p:before/after{

content:"‘;

设置属性样式

}

4.设置input在得到焦点、可以被修改、不能被修改、选中时的样式

input:focus/enabled/disabled/cheked{

  background:orange;

}

5.选择parent中第一个p标签

#parent p :first-of-type{

  设置样式

}

6.选择是独生子的p标签(没有任何兄弟标签)

#parent p:only-child{

  设置样式

}

7.选中div的第二个元素,且第二个元素是p元素(如果不符合要求,不能被选中)

div p:nth-child{

}

8.选择div中第n个p元素

div p:nth-of-type(n){

}

9.选择第一个和最后一个元素,且他们是p标签

div p:first/last-child{

}

css3新特性选择器(补充)

原文地址:http://www.cnblogs.com/czy960731/p/7482288.html

知识推荐

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