0804

css3伪类

target

突出显示活动的 HTML 锚

div:target{background: #0e3757;}

表单控件伪类

<style>input:enabled{background-color: #FFF2AB;}input:disabled{background-color: #f00;}
</style>

<body>
<input type="text" enabled>
<input type="text" disabled>
</body>

文本相关伪类

<style>p{width:400px;}p:first-line{color: #fff;background-color: #0e3757;}p:first-letter{font-size: 30px;}</style>

p::selection{color: #fff;background: rgba(0,0,0,0.9);}

p::selection 表示P元素在用户选中文字时
只能改变文字的颜色以及背景颜色

 p:before{position: absolute;left: 100px;top:300px;content: '这是我输入的文字';color: #fff;width:200px;height:300px;display: inline-block;background: url("images/04.png");}p:after{content: '';width:100px;height:200px;display: inline-block;background-color: #0e3757;}

在每个

元素的内容之前插入新内容： :before
在每个

元素的内容之后插入新内容： :after

afater清浮动

 <style>.clearFix{*zoom:1;}.clearFix:after{content:'';display:block;clear:both;}

not选择器

p:not(s) 除了s以外所有的p元素

 p:not(#main){background-color: #0e3757;
}

毗邻元素

E~F 表示选择E元素后面同级的所有F元素

<style>h1~div{background-color: #0e3757;}
</style>

E+F 表示选择E元素后面同级紧跟着的第一个F元素

<style>h1+h2{background-color: #0e3757;}</style>

文字缩略

text-overflow: ellipsis; 文字溢出显示省略号
一定要配合
overflow: hidden;
white-space: nowrap;
使用

<style>p{background-color: #0e3757;color: #fff;width:400px;height:30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}</style>

css3伪类、表单控件伪类、文本相关伪类、afater清浮动、not选择器、毗邻元素、文字缩略相关推荐

layui的表单控件的input文本框赋值
我学习谷粒商城的码云开源项目大家喜欢一起交流学习啊guylimall开源项目``` 第一种: //org-table 行监听器 table.on('tool(org-table)', function ...
html表单控件富文本框,表单控件之富文本框实践
多行文本输入框(不是富文本框)的html代码如下: 学历及经历: ${emp.details} 富文本的js代码如下: // create Editor from textarea HTML elem ...
html5文本域边框管理,表单控件之富文本框实践
多行文本输入框(不是富文本框)的html代码如下: 学历及经历: ${emp.details} 富文本的js代码如下: // create Editor from textarea HTML elem ...
html文本框控件,HTML5的文本框表单控件
E-mail表单控件 E-mail表单控件与文本框相似,作用是链接电邮地址,为元素设置type="email":即可配置一个E-mail地址表单控件.只有支持HTML5email属 ...
Bootstrap 表单控件的状态
在使用过程中,每个控件可能都会有很多状态,通过表单控件的状态,可以给用户或访问者提供一些有用的反馈. Bootstrap提供了 4 种状态,分别是获得焦点状态.无效输入状态.禁用状态.验证状态,并为每 ...
一起学asp.net基础文章二服务器控件、客户端控件和html表单控件
首先解释一下这两个控件个概念. 所谓服务器控件就是微软官方提供的如 textbox label dropdownlist等可以直接添加事件,属性操作方式和winform类似的.net控件. 1.使 ...
Angular19 自定义表单控件
1 需求当开发者需要一个特定的表单控件时就需要自己开发一个和默认提供的表单控件用法相似的控件来作为表单控件:自定义的表单控件必须考虑模型和视图之间的数据怎么进行交互 2 官方文档 -> 点击前 ...
Bootstrap表单控件的尺寸
控件的尺寸在Bootstrap中,可以通过类似.input-lg的类为控件设置高度,类似.col-*的类为控件设置宽度. 1.高度尺寸一般情况下,控件的默认高度就能满足要求.当然,你也可以为控件添 ...
Bootstrap3 表单控件的状态
控件的状态在表单的使用过程中,每个控件可能都会有很多状态,通过表单控件的状态,可以给用户或访问者提供一些有用的反馈. Bootstrap为表单控件提供了 4 种状态,分别是获得焦点状态.禁用状态.只 ...

css3伪类、表单控件伪类、文本相关伪类、afater清浮动、not选择器、毗邻元素、文字缩略