文档章节

CSS选择器

消散了的诗意
 消散了的诗意
发布于 2017/04/21 15:46
字数 346
阅读 8
收藏 0

CSS选择器

CSS选择器的优先级

ID选择器>类选择器>标签选择器

本文主要说一下比较好用的但又总是受忽略的选择器

子选择器:

用符号(>)来选择标签的第一代子元素

eg.   #firest>span{....}

选择#first的第一代子元素中的span标签,如果(>)换成空格,就是作用于元素的所有后代

(>)作用于元素的第一代后代,空格作用于元素的所有后代

符号(,)逗号是分组选择符号

伪类选择符,

eg.  a:hover{...}       (鼠标移上)

      a:visited{...}          {已访问}

      a:active{....}          {激活选定状态,就是鼠标点击了还没释放时}

可以放在任意标签上,兼容性最好的是a标签

 设置每个 <ul> 的首个子元素,并设置其样式: 

 ul>:first-child {
  background:yellow;
 }

 

扩展

[class^="......"]{.......}    选择class属性以“......”开头的标签

[class*="......"]{......}    选择class属性中包含“......”的标签

[class$="......"]{......}  选择class属性中以“......”结尾的标签

class可以是其他的属性

 

© 著作权归作者所有

共有 人打赏支持
消散了的诗意
粉丝 2
博文 62
码字总数 27585
作品 0
玉溪
程序员
私信 提问

暂无文章

SpringBoot项目如何访问jsp页面

1.添加pom依赖 首先在原来的pom文件基础上加上这两个配置 如果想学习Java工程化、高性能及分布式、深入浅出。微服务、Spring,MyBatis,Netty源码分析的朋友可以加我的Java高级交流:7877071...

编程SHA
27分钟前
3
0
nginx反向代理配置去除前缀

使用nginx做反向代理的时候,可以简单的直接把请求原封不动的转发给下一个服务。设置proxy_pass请求只会替换域名,如果要根据不同的url后缀来访问不同的服务,则需要通过如下方法: 方法一:...

架构师springboot
今天
5
0
QianBill API 开发笔记

JWT

BeanHo
今天
5
0
Elasticsearch实战篇——Spring Boot整合ElasticSearch

当前Spring Boot很是流行,包括我自己,也是在用Spring Boot集成其他框架进行项目开发,所以这一节,我们一起来探讨Spring Boot整合ElasticSearch的问题。 本文主要讲以下内容: 第一部分,通...

JAVA_冯文议
今天
4
0
不错的linux下通用的java程序启动脚本

#!/bin/sh#该脚本为Linux下启动java程序的通用脚本。即可以作为开机自启动service脚本被调用,#也可以作为启动java程序的独立脚本来使用。##Author: tudaxia.com, Date: 2011/6/7...

sprouting
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部