当前位置: 首页 > news >正文

css选择器有哪些

css的选择器是还是比较富的,主要的css选择器如下: 

  1. 标签选择器(如:body,div,p,ul,li)

  2. .类选择器(如:class="head",class="head_logo") 

  3. ID选择器(如:id="name",id="name_txt")

  4. 全局选择器(如:*号)

  5. .组合选择器(如:.head .head_logo,注意两选择器用空格键分开)

  6. .继承选择器(如:div p,注意两选择器用空格键分开)

  7. 伪类选择器(如:就是链接样式,a元素的伪类,4种不同的状态:link、visited、active、hover。)

  8. 字符串匹配的属性选择符(^ $ *三种,分别对应开始、结尾、包含) 

 

以上选择器在日常开发中最常用的就是标签选择器、类选择器和id选择器,下面是这三种选择器的基本用法:

 

1、标签名选择器 
一个XHTML文档中有许多标签,例如p标签,h1标签等。若要使文档中的所有p标签都使用同一个CSS样式,就应使用标签选择器。

div {color:red;border:1px blue solid;} 
p {color:#000;}

  

2、类选择器 
使用标签选择器可以为整个XHTML文档中的同一个标签指定相同的CSS样式。但是在实际运用中,XHTML文档中的同一个标签会被反复使用。若要为相同的标签赋予不同的CSS样式就应使用类选择器。

<div class="test">测试代码</div> 
.test {color:red;border:1px blue solid;}

  

3、id选择器,id选择器是唯一的,只可以获取独一无二的一个元素。

<div id="test">测试代码</div> 
#test {color:red;border:1px blue solid;}

  

转载于:https://www.cnblogs.com/qingkun/p/9263206.html

相关文章:

  • Hbase备份
  • 前端战五渣学前端——初探Parcel急速打包
  • Android程序员搞Web之HTNL(一)
  • mysql-proxy安装过程 (转)
  • Day3LJY
  • angular 摇树优化
  • EOS 坑 右击java文件封装成Web Service不弹界面
  • ./configure、make、make install 命令
  • div浮动+盒子模型+溢出隐藏+滚动条
  • JavaScript创建对象的四种方式
  • HttpServletResponse应用(转)
  • 体育竞技游戏的团队AI
  • 1-思科防火墙:搭建防火墙环境
  • 棋盘问题 dfs()基本的
  • URL 编码规则
  • 网络传输文件的问题
  • ES6指北【2】—— 箭头函数
  • 【笔记】你不知道的JS读书笔记——Promise
  • 【编码】-360实习笔试编程题(二)-2016.03.29
  • 2017-09-12 前端日报
  • C# 免费离线人脸识别 2.0 Demo
  • CSS居中完全指南——构建CSS居中决策树
  • HashMap剖析之内部结构
  • JAVA_NIO系列——Channel和Buffer详解
  • java2019面试题北京
  • JavaScript新鲜事·第5期
  • js
  • Python 反序列化安全问题(二)
  • ubuntu 下nginx安装 并支持https协议
  • 浮现式设计
  • 回流、重绘及其优化
  • 深度学习中的信息论知识详解
  • 世界编程语言排行榜2008年06月(ActionScript 挺进20强)
  • 微信小程序填坑清单
  • 线上 python http server profile 实践
  • 要让cordova项目适配iphoneX + ios11.4,总共要几步?三步
  • 主流的CSS水平和垂直居中技术大全
  • ​html.parser --- 简单的 HTML 和 XHTML 解析器​
  • ​Spring Boot 分片上传文件
  • ### Cause: com.mysql.jdbc.exceptions.jdbc4.MySQLTr
  • #if 1...#endif
  • (2)(2.4) TerraRanger Tower/Tower EVO(360度)
  • (done) NLP “bag-of-words“ 方法 (带有二元分类和多元分类两个例子)词袋模型、BoW
  • (二)c52学习之旅-简单了解单片机
  • (附源码)springboot码头作业管理系统 毕业设计 341654
  • (附源码)ssm跨平台教学系统 毕业设计 280843
  • (使用vite搭建vue3项目(vite + vue3 + vue router + pinia + element plus))
  • (顺序)容器的好伴侣 --- 容器适配器
  • (五)Python 垃圾回收机制
  • .net mvc部分视图
  • .net redis定时_一场由fork引发的超时,让我们重新探讨了Redis的抖动问题
  • .Net多线程总结
  • .Net下使用 Geb.Video.FFMPEG 操作视频文件
  • .Net中的设计模式——Factory Method模式
  • .php文件都打不开,打不开php文件怎么办