CSS selectors
1)[attribute] base on Attribute
a[href] { text-decoration: none; }
2)[attribute=val] base on the Value of an attribute
a[href="www.iteye.com"]{ text-decoration: none; }
3)[attribute~=val] contain the space-separated attribute somewhere in the value
a[title~="tv hd digital"] { text-decoration: none; }
/* if title's value contains the word 'tv' or 'hd' or 'digital', then apply the CSS */
4)[attribute|=val] contain the attribute with a hyphen, must start with the value
a[title|="apple"] { color: red; }
/* <a title="apple-banana">link</a> */
CSS3
1)[attribute^=val] attribute’s value begins with val
a[href^="mailto:"] { color: red; }
2)[attribute$=val] attribute’s value ends with val
a[href$='.rss'] { color: red; }
3)[attribute*=val] attribute value is anywhere within val
a[href *="username"] { color: red; }
分享到:
相关推荐
CSS选择器笔记
CSS3选择器学习笔记代码
本人清风,这次给大家分享本人学习的心得和笔记,记录点点滴滴,用的md格式,这是第一个,CSS选择器
css入门学习笔记1 基础选择器
CSS选择器笔记(注释).doc
笔记分为两个部分,今天是CSS的选择器,以后还有一部分xPath的选择器。今天的笔记中包括44个选择器,基本涵盖了CSS 2和CSS 3的所有规定。 序号 选择器 含义 1. * 通用元素选择器,匹配任何元素 2. E 标签...
文章目录CSS简介CSS样式编写1、内联样式2、内部样式3、外部样式CSS语法选择器常用的选择器元素选择器id选择器类选择器选择器分组(并集选择器)通配选择器复合选择器(交集选择器)后代元素选择器子元素选择器伪类...
css笔记整理(精简) 初识CSS CSS语法 CSS样式引入 ...css选择器 CSS中的块级元素与行内元素 background 背景(集合样式) font 文字(集合样式) border 边框(复合样式,集合样式) CSS 框模型概述
css入门学习笔记补充 补充了一些选择器
1. 能够使用CSS的基本选择器选择元素 2. 能够使用CSS的扩展选择器选择元素 3. 能够说出盒子模型的属性 4. 能够说出JS中五种数据类型 5. 能够使用JS中常用的运算符 6. 能够使用JS中的流程控制语句 7. 能够在JS中定义...
3、css的基本选择器(三种) ** 要对哪个标签里面的数据进行操作 (1)标签选择器 * 使用标签名作为选择器的名称 div { background-color:gray; color:white; } (2)class选择器 * 每个html标签都...
去年我学jQuery的时候,曾经做过一点选择器(selector)的笔记...CSS选择器笔记 一、基本选择器 序号 选择器 含义 1. * 通用元素选择器,匹配任何元素 2. E 标签选择器,匹配所有使用E标签的元素 3. .info cl
学习CSS过程中对于基础选择器、文本属性、字体属性的一些学习笔记和理解,正在学习html网页知识的可以参考一下。
CSS 基础笔记 CSS 是一种标记语言,用于描述 HTML 或 XML 文档的表示方式。以下是 CSS 基础笔记的知识点总结: 一、选择器 * 兄弟选择器:h1 + p { margin-top:0 },选择紧邻的兄弟元素 * 子元素选择器:div#...
前两天看文档看到选择器那块儿的时候,前面4个基本都能理解:.class,#id,element,element, element,但后面两个::after和::before(文档中说,分别表示在view 组件的后面和前面插入内容),表示有点没有理解。...
基本的HTML操作,来自IMOOC...8. CSS3选择器 29 9. CSS3的继承、优先级&重要性 29 10. CSS3字体样式 29 11. CSS3文本样式 29 12. CSS3盒模型 29 13. CSS3布局模型 29 14. flex弹性盒模型 29 15. CSS3样式设置小技巧 29
css笔记内容:只包含第一天上课只是,主要为选择器