用HTML写伪类选择器,结构伪类选择器,伪元素选择器样式

lorem乱序铭文

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt, nihil?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt, nihil?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt, nihil?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt, nihil?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt, nihil?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt, nihil?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt, nihil?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt, nihil?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt, nihil?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt, nihil?

易牛资讯处

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores aut autem est excepturi hic labore maiores maxime molestiae nam obcaecati quia quis, recusandae repudiandae, sapiente, temporibus ut vel voluptates voluptatibus.


6+1=7
                        7+1=8
                        8+1=9

杨氏出版社

下面是css链接表
a:hover{
color:palevioletred;
}
a:active{
color: yellow;
}
a:visited{
color: red;
}
/*p:nth-child(2n){*/
/*color: blanchedalmond;*/
/*}*/
/*p:nth-child(2n-1){*/
/*color: yellow;*/
/*}*/
/*p:first-child{*/
/*color: red;*/
/*}*/
/*p:last-child{*/
/*color: rosybrown;*/
/*}*/
a:before{
content: "姓名:";
}
a:after{
content:"你好:";
}
div p:first-line{
color: aqua;
}
div p:first-letter{
color: red;
}
h1{
font-size: 30px;
color: green;
}
footer>p{
color: purple;
}

原文地址:https://www.cnblogs.com/yangkaiming/p/8846833.html

时间: 2024-10-13 01:37:19

用HTML写伪类选择器,结构伪类选择器,伪元素选择器样式的相关文章

深入学习jQuery选择器系列第八篇——过滤选择器之伪子元素选择器

× 目录 [1]通用形式 [2]反向形式 [3]首尾元素 [4]唯一元素 前面的话 本文是子元素选择器的续篇,主要介绍关于nth-of-type()选择器的内容.该部分内容并非没有出现在<锋利的jQuery>一书中,nth-of-type()选择器参照CSS中的nth-of-type选择器,于1.9版本新增,本文将详细介绍该内容 通用形式 :nth-of-type() 个人认为,:nth-of-type()选择器不应该归类于子元素选择器,也不完全等同索引选择器,因为其索引是指特定元素的索引,但

IOS开发语言Swift入门连载---类和结构体

IOS开发语言Swift入门连载-类和结构体 类和结构体是人们构建代码所用的一种通用且灵活的构造体.为了在类和结构体中实现各种功能,我们必须要严格按照常量.变量以及函数所规定的语法规则来定义属性和添加方法. 与其他编程语言所不同的是,Swift 并不要求你为自定义类和结构去创建独立的接口和实现文件.你所要做的是在一个单一文件中定义一个类或者结构体,系统将会自动生成面向其它代码的外部接口. 注意: 通常一个类 的实例被称为对象 .然而在Swift 中,类和结构体的关系要比在其他语言中更加的密切,本

如何使用CSS3中的结构伪类选择器和伪元素选择器

原文:如何使用CSS3中的结构伪类选择器和伪元素选择器 结构伪类选择器介绍# 结构伪类选择器是用来处理一些特殊的效果. 结构伪类选择器属性说明表 属性 描述 E:first-child 匹配E元素的第一个子元素. E:last-child 匹配E元素的最后一个子元素. E:nth-child(n) 匹配E元素的第n个子元素. E:nth-child(2n)或者E:nth-child(even) 匹配E元素的偶数子元素. E:nth-child(2n+1)或者E:nth-child(odd) 匹配

表单,音视频,语义化标签与属性选择器,结构伪类选择器,伪元素选择器(按钮禁止点击)

HTML5简介 万维网的核心语言,标准通用标记语言的写一个应用超文本标记语言(HTML)的第五次重大修改,作为新HTML语言,具有新的元素,属性和行为:广义的HTML是包含HTML5本身 + CSS3 + JavaScript,虽然不被所有浏览器所支持,但它是一种趋势: 新增语义化标签 <header></header> <!-- 头部标签 --> <nav></nav> <!-- 导航标签 --> <article>&l

CSS3新增(选择器{属性选择器,结构伪类选择器,伪元素选择器})

1.属性选择器 属性选择器,可以根据元素特定的属性来选择元素,这样就不用借助 类 或者 id选择器. E [ att ]   选择具有 att 属性的 E 元素   例如:input [ value ] E [ att = 'val' ]   选择具有 att 属性且属性值等于 val 的 E元素 E [ att = 'val' ]   选择具有 att 属性且属性值等于 val 的 E元素 E [ att ^= 'val' ]   选择具有 att 属性且属性值以 val 开头的 E元素 E

H5与CS3权威下.19 选择器(2)结构性伪类选择器

1.CSS中的伪类选择器及伪元素 (1)与自定义的class类选择器不同,伪类选择器是CSS中已经定义好的选择器. eg:a:link{color:#ff0000;} (2)伪元素的使用方法: 选择器:伪元素{属性:值} 选择器.类名:伪元素{属性:值} 2.css中常用的伪元素选择器 (1)first-line:向某元素中的第一行文字使用样式. eg: 1 <p>伪元素选择器 <br>类选择器</p> 1 p:first-line{background: pink;}

[ jquery 子元素选择器 总结 ] 总结: 伪类子元素选择器

总结: 伪类中的子元素选择器: 第一种类型: :first-child :last-child :nth-child() :nth-last-child() 第二种类型: :only-child :only-of-type 第三种类型: :first-of-type :nth-last-of-type() :nth-of-type() 特点: 伪类选择器很有特点: 1.位置:可以直接通过伪类选择器直接获取开始 结束 和第几个,通常和目标元素在什么位置上有关,可以从正着数,也可以从倒着数,计数从

Css3之高级-1 Css复杂选择器(兄弟选择器 、属性选择器、伪类选择器、伪元素选择器)

一.兄弟选择器 相邻兄弟选择器 - 相邻兄弟选择器匹配指定元素的相邻兄弟元素 - 如果需要选择紧接在另一个元素后的元素,而且二者有相同的父元素,可以使用相邻兄弟选择器 - 使用加号(+)作为结合符 通用兄弟选择器 - 通用兄弟选择器匹配某元素后面的所有兄弟元素 - 使用符号(~)作为结合符,即 element1~element2 - 两种元素必须拥有相同的父元素,但是element2不必直接紧随element1 二.属性选择器 属性选择器 - 属性选择器能够将元素附带的属性用于选择器中,从而对带

css 选择器 &amp; UI元素的伪类选择器 &amp; 伪元素选择器

UI元素的伪类选择器 1. :focus  用来选取获取焦点事件 2. :enabled 用来指定当元素处于可用状态时的样式 3. :disable  用来指定元素处于不可用时的状态    表单里应用较多 4. read-only 用来获取元素属于只读状态时 5. read-write 用来匹配可读和可写的元素  input search 6. :checked  用来获取单选框处于选取状态时的样式 7. :default 选取用来选取,打开时默认选取状态时单选框 8.     :indeter

CSS伪类选择器和伪元素选择器

CSS的伪类选择器常用的是link/visited/hover/active,分别对应未访问.已访问过.鼠标悬停.鼠标按下时的样式,常用于链接,使用时要按此顺序依次写CSS,不能乱 1 a:link{background-color:blue;} //未访问前深蓝色 2 a:visited{background-color:beige;} //访问过淡黄色 3 a:hover{background-color:aqua;} //鼠标悬停时水蓝色 4 a:active{background-col