一.标签选择器
Document
h1 {
color: red;
}
h2{
color: green;
}
Hello World!
Hello World!
Hello !
Hello !
二.类选择器
Document
.box {
color: green;
}
.box1 {
font-size: 26px;
}
Hello World!
Hello World!
三.ID选择器
Document
#box{
color: green;
}
Hello World!
四.通配符选择器
Document
*{
margin: 0;
padding: 0;
color: red;
}
Hello World
五.后代选择器
Document
ul li {
color: red;
}
ul li a {
color: green;
}
.nav li {
color: yellow;
}
ul liul liul liul liul li aol liol liol liol liol linav li nav li nav li nav li nav li
六.子元素选择器
Document
.nav>a {
color: red;
}
Hello World
Hello World
HTML&;CSS基础-子元素的伪类选择器
HTML&CSS基础-子元素的伪类选择器 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.html的源代码
前端学习 --Css -- 子元素的伪类
:first-child寻找父元素的第一个子元素,在所有的子元素中排序: :last-child寻找父元素的最后一个子元素,在所有的子元素中排序: :nth-child寻找父元素中的指定位置子元 ...
css 选择器 &; UI元素的伪类选择器 &; 伪元素选择器
UI元素的伪类选择器 1. :focus 用来选取获取焦点事件 2. :enabled 用来指定当元素处于可用状态时的样式 3. :disable 用来指定元素处于不可用时的状态 表单里应用 ...
CSS伪元素与伪类的区别
伪类和伪元素介绍 伪类:伪类选择元素基于的是当前元素处于的状态,或者说元素当前所具有的特性,而不是元素的id.class.属性等静态的标志.由于状态是动态变化的,所以一个元素达到一个特定状态时,它可能 ...
css3 伪元素和伪类选择器详解
转自脚本之家:/css/213779.html 无论是伪类还是伪元素,都属于CSS选择器的范畴.所以它们的定义可以在CSS标准的选择器章节找到.分别是 CSS2. ...
动态修改 dom 元素的伪类样式
最近写代码,需要修改伪类的 content 属性,不想定义两个样式进行切换,而是直接通过 js 进行修改. html 中的伪类(如 a:hover/ a:link/ class::before / ...
css系列教程--选择器
css派生选择器:是指在某个样式表或者dom元素的行内定义行内元素的属性,而其他同名样式在其他dom节点无效的样式表定义方式.例如:div ul li{border:1px solid red;}&l ...
CSS(二)- 选择器 - 伪元素和伪类(思维导图)
伪元素 伪元素可以创建一些文档语言无法创建的虚拟元素.比如:文档语言没有一种机制可以描述元素内容的第一个字母或第一行,但伪元素可以做到(::first-letter.::first-line).同时, ...
CSS和CSS3中的伪元素和伪类(总结)
好多人伪类和伪元素分清楚,其实就是一句话,“伪类的效果可以通过添加一个实际的类来达到,而伪元素的效果则需要通过添加一个实际的元素才能达到”. CSS中伪类包括: :first-child :lang ...
随机推荐
使用Spring的@Scheduled实现定时任务
Spring配置文件xmlns加入xmlns:task="/schema/task"xsi:schemaLocation ...
.NET领域驱动设计—实践(穿过迷雾走向光明)
阅读目录 开篇介绍 1.1示例介绍 (OnlineExamination在线考试系统介绍) 1.2分析.建模 (对真实业务进行分析.模型化) 1.2.1 用例分析 (提取系统的所有功能需求) 1.3系 ...
内功心法 -- java.util.ArrayList<;E>; (2)
写在前面的话:读书破万卷,编码如有神--------------------------------------------------------------------下文主要对java.util ...
搭建后台页面布局利用属性target 属性
HTML 5
target 属性 HTML 5 标签 实例 提交一个在新窗口中打开的表单:
HTML5 快速学习一
关注HTML5有一段时间了,一直没系统的去学习过. 对于HTML5的理解,之前停留在一些新的标签,一些api可以完成部分js完成的事情,仅此而已. 前段时间HTML5定稿了,看了一些这方面的报道,进行 ...
Android开发-- 使用ADT23 的一些问题
在使用最新版ADT 23进行android学习时发现一些问题: 1.通过设置intent的action来启动另外一个activity时,会出现No Activity found to handle I ...
002_Linux-Memory专题
一.单独查看某个进程的内存占用 pmap 736 | tail -n 1 二. 以前我对这块认识很模糊,而且还有错误的认识:今天由我同事提醒,所以我决定来好好的缕缕这块的关系. 图: -------- ...
ABP官方文档翻译 0.0 ABP官方文档翻译目录
一直想学习ABP,但囿于工作比较忙,没有合适的契机,当然最重要的还是自己懒.不知不觉从毕业到参加工作七年了,没留下点儿什么,总感觉很遗憾,所以今天终于卯足劲鼓起勇气开始写博客.有些事能做的很好,但要跟 ...
如果觉得《html css子标签 HTML+CSS系列:CSS选择器(标签 ID 类 通配符 后代 子元素 并集 伪类)...》对你有帮助,请点赞、收藏,并留下你的观点哦!