CSS的函数取值attr()

attr()的定义和用法:
插入元素的属性值。
在CSS2.1中attr()总是返回一个字符串。
在CSS3中attr()可以返回多种不同的类型。
浏览器支持:
IE浏览器支持此属性。
谷歌浏览器支持此属性。
火狐浏览器支持此属性。
特别说明:
1.IE7和IE7以下的浏览器不支持此属性。
2.CSS3的atrr()现在暂无浏览器支持。
实例代码:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title>
<style type="text/css">
div:after{
  content:attr(title);
}
</style>
</head>
<body>
<div title="通过attr()添加的内容">div原来的内容|</div>
</body>
</html>

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=1153

更多css3知识可以参阅：http://www.softwhy.com/css3/

时间： 2024-10-18 07:27:38

CSS的函数取值attr()的相关文章

CSS margin属性取值

margin表示一个元素的外边距.取值为正值时,表示相对于正常流离邻近元素更远,而取负值时,使其更近但是,设置margin后,四个方向的表现形式不同自身发生移动:top.left margin-top <div id="negtive_top"> <div>margin-top: -50px;自身向上移动50px</div> </div> CSS #negtive_top{ background-color: green; borde

jQuery的函数取值与赋值

jQuery的函数,都有两个功能,取值与赋值 1.html() 若参数不为空,则先清空匹配元素的内容,然后调用append()插入内容. 若为空,则返回第一个匹配的元素的hmtl源码 2.extend() 用于扩展

Jsonobject 类getInteger函数取值异常

产品实验局环境同事发现分布图与实际业务对不上,因为页面展示流量较大的RTSP,客户并没有相关APP业务.起初以为是前端业务逻辑出问题了: 查看前端数据库查询代码,逻辑十分简单,从数据库中获取app字段的值,然后对应app字典,前端展示: APP_DICT = get_app_dict() result = {"list": {}} if len(data) != 0: for i in range(len(data)): if data[i][1] in APP_DICT: resul

Java反射:根据方法名动态调用方法，解决商品动态属性取值问题。

public class Goods{ private String goodsName; private String attr1; private String attr2; private String attr3; private String attr4; ......... private String attr20; setter/getter方法 } 在数据库表goods中,已知该商品的属性个数N(满足:N=5,attr1—attr5有值,attr6-attr20为空).问如何取

css 中类叠加相同属性的取值问题

对于一个元素使用多个类,其中一个属性值在多个类中有不同取值,那么最终的该元素该属性取值是取那个呢? 当然是优先级高的覆盖优先级低的. 考虑一个css链接文件盒一个html文件. css中: .form-control{ width: 100% ; ... } .width-control{ width:60% ; } html中: 1. <div class="form-control width-control">...</div> 2. <div cl

jquery data方法取值与js attr取值的区别

<a data-v="3"></a> jquery data方法的运行机制: 第一次查找dom,使用attributes获取到dom节点值,并将其值存到缓存里,第二次操作的时候,还是先找到dom,但是这次取值是直接从缓存读了,少了一步对dom的操作 attr()方法每次都要操作dom,性能上差点儿 $('a').data('v')取到的值是页面初次加载的缓存值,以后如何更改,在页面上都不会改变,但缓存值会变,可以传给i/o请求使用 document.getEle

关于dom元素上css属性值的取值过程

最近在研究w3c的css标准规范,css2.2版本,虽然早已进入css3时代,但是css3还是继承了很多css2的基础,所以了解css2的很多标准原理,对于理解css核心内容,对写好css,写出高性能的css是很有必要的. 这篇文章写在读了css标准第六章css属性值取值过程相关内容,英文标准地址:https://www.w3.org/TR/CSS22/cascade.html 浏览器渲染页面时,解析dom树之后,一定(标准中用了must)会对每个dom元素都加上css的属性和对应的值: “On

web（六）css的基本语法、取值与单位

css语法包含如下部分: 选择器:用于选择需要添加样式的元素. 属性(property):样式的属性名称,例如color代表颜色. 取值与单位:属性对应的值以及单位. 语法规则:css的某些固定语法. 注释:用户对css的程序描述,不执行. css的基本语法规则忽略大小写(但在定义类选择器时识别大小写),建议使用小写. 多重声明:使用多个属性以及取值同时渲染一组标签. 1 p { 2 text-align: center; 3 color: black; 4 font-family: aria

编写一个js函数，该函数有一个n（数字类型），其返回值是一个数组，该数组内是n个随机且不重复的整数，且整数取值范围是[2,32]

今天在公众号里边看到这个问题,就自己写了下,发现自己还是有许多没注意到的,在此记录, //返回一个随机整数 function getRandom( min , max ){ var rand = Math.round( Math.random() * (max - min) + min ); return rand; }; //重复性验证 function isRepeat(arr,n){ if (arr.indexOf(n) > -1) { return true; }; return fal