css样式表中四种属性选择器

css样式表中四种属性选择器
1> 简易属性

tag[class]{ font-weight:bold }
It will affect all tag with any class.
e.g. <h2 class="old" > or <h2 class="new">

2>精确属性值

a[href="http://www.cnblogs.cn"][title="textTitle"]{font-size:10%}
It will affect <a href="http://www.cnblogs.cn"title="textTitle">

3>部分属性值
类似使用perl中得匹配

p[class~="urgent"] {font-weight:bold;}
input [type="checkbox"],
input [type="radio"],
input [type="file"]
footer[role="contentinfo"] a

4>统配属性

*[lang|="en"]{color:white;}

匹配连接lang或="en"字符的所有内容

时间: 2024-08-02 15:13:10

css样式表中四种属性选择器的相关文章

插入css样式表的三种方法

http://www.w3school.com.cn/css/css_howto.asp http://www.runoob.com/css/css-howto.html 当读到一个样式表时,浏览器会根据它来格式化 HTML 文档. 外部样式表 当样式需要应用于很多页面时,外部样式表将是理想的选择. 在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观. 每个页面使用 <link> 标签链接到样式表. <link> 标签在(文档的)头部: <head>

css样式表中的样式覆盖顺序

css样式表中的样式覆盖顺序 - - ITeye技术网站http://spartan1.iteye.com/blog/1526735 重点归纳: 查找一些教材中(w3schools等),只说css的顺序是“元素上的style”>“文件头上的style元素”>“外部样式文件”,但对于样式文件中的多个相同样式的优先级怎样排列,没有详细说明.经过测试和继续搜索,得知优先级如下排列: 或者以下也可以称之为一些优先原则(by liwei 20140803) 1.样式表的元素选择器选择越精确,则其中的样式

css样式表中设置table的第一列的宽度是固定值

table{table-layout:fixed;}table tr td:first-child,table tr td:first-child{width:120px;} 首行第一个td定宽同列的宽度都会和他一样. *注意 第一行 第一个用的是 td 还是 th css样式表中设置table的第一列的宽度是固定值,布布扣,bubuko.com

css样式表中的样式覆盖顺序(转)

转自:http://spartan1.iteye.com/blog/1526735 有时候在写CSS的过程中,某些限制总是不起作用,这就涉及了CSS样式覆盖的问题,如下 Css代码 #navigator { height: 100%; width: 200; position: absolute; left: 0; border: solid 2 #EEE; } .current_block { border: solid 2 #AE0; } 查找一些教材中(w3schools等),只说css的

CSS 样式表中padding 的用法

CSS中padding 描述的是内边距的意思,margin是外边距.QSS中同样的道理. 1. padding表示内边距的意思,margin---外边距.2. CSS的 padding 属性定义元素边框与元素内容之间的空白区域.3. padding 接受长度值或百分比值,但不允许使用负值.4. 示例:如果希望所有内边距都是10 像素,只需要设置:padding:10px; 就可以了.5. 也可以分别设置4个边的内边距,只需通过它们的单独属性,分别设置上.右.下.左内边距:* padding-to

从css样式表中抽取元素尺寸

jS从样式表取值的函数,IE中以currentStyle,firefox中defaultView来获取 DOM.style只能读到写在html中的样式值 获取样式值的函数 function returnStyle(obj,styleName){ var myObj = typeof obj =="string" ? document.getElementById(obj) : obj; if(document.all){ return eval("myObj.currentS

css样式表(四)

******* CSS 常用属性 ********* [font] font 设置或检索对象中的文本特性.该属性是复合属性. 使用第一种声明方式参数必须按照如上的排列顺序,且font-size和font-family是不可忽略的.每个参数仅允许有一个值.忽略的将使用其参数对应的独立属性的默认值. : 指定文本字体样式 : 指定文本是否为小型的大写字母 : 指定文本字体的粗细 : 指定文本字体尺寸 : 指定文本字体的行高 : 指定文本使用某个字体或字体序列 caption: 使用有标题的系统控件的

JSP中四种属性保存范围(2)

1.session 1 <%@ page language="java" contentType="text/html" pageEncoding="UTF-8"%> 2 <!DOCTYPE html> 3 <html> 4 <head> 5 <title>Insert title here</title> 6 </head> 7 <body> 8 &

Andriod React Native 样式表中可用样式属性

写了这么多篇Android React Native的博文,基本上把复杂的东西都搞定了,接下来来看看一些轻松的东西,和布局有关,就是css样式,那么一个View可以设置哪些css样式呢,是和web中的css样式完全一样呢,还是有所不同呢?其实你只要在样式表中书写一个不存在的样式,就会报一大堆错,提示你该样式不存在,然后提供所有可用的样式给你,如图 下面的样式就是样式表中所有可用的属性. "alignItems", "alignSelf", "backfac