美文网首页Web前端之路
css学习 day01-属性选择器

css学习 day01-属性选择器

作者: tiGress | 来源:发表于2016-12-02 14:34 被阅读23次

1.属性选择器1

先在body中创建了几个标签,设置了样式,

添加了样式,选择p 标签中含有wyn的

p[wyn]{ background-color:#093}

展示样式如图:

选择p标签中wyn 的值等于z的

p[wyn=z]{ background-color:#930}

E[attar]只使用属性名,但没有确定任何属性值。

E[attar ="value"]指定了属性名,并且指定了该属性的属性值

E[attar ~="value"]制定了属性名,并且具有属性值,此属性值是一个词列表,并且以空格隔开,其中词列表中包含了一个value 词,而且等号前面的~不能不写。

E[attar^="value"]指定了属性名,并且有属性值,属性值是以 value 开头的。属性命中包含某个值的。

2、属性选择器2

E[attar$="value"]指定了属性名,并且有属性值,而且属性值是以value结束的。

E[attar*="value"]指定了属性名,并且有属性值,而且属性值中包含了 value。

E[|attar|="value"]指定了属性名,并且属性值是以 value 或者以"value-"开头的值。

相关文章

  • CSS3知识概要总结之选择器篇(二)

    是的,从这里开始我们就开始学习CSS3的选择器了,学习资源CSS3选择器 属性选择器 属性选择器 发现属性选择器真...

  • css学习 day01-属性选择器

    1.属性选择器1 先在body中创建了几个标签,设置了样式, 添加了样式,选择p 标签中含有wyn的 p[wyn]...

  • CSS

    CSS规则 at 规则 CSS选择器 CSS选择器 继承与层叠 继承与层叠 CSS 属性 CSS 属性 CSS值 ...

  • CSS选择器(转载)

    CSS属性选择器 CSS 属性选择器,可以通过已经存在的属性名或属性值匹配元素。 属性选择器是在 CSS2 中引入...

  • CSS基础

    CSS语法 selector {property: value}即 选择器{属性:值}学习css即学些有哪些选择器...

  • css学习笔记

    一、基础选择器 标签选择器:标签名 { css属性名:属性值; } 类选择器:.类名 { css属性名:属性值; ...

  • CSS选择器

    CSS 元素选择器CSS 选择器分组CSS 类选择器详解CSS ID 选择器详解CSS 属性选择器详解CSS 后代...

  • css基本语法及引用方法

    仅供学习,转载请注明出处 css基本语法 css的定义方法是: 选择器 { 属性:值; 属性:值; 属性:值;} ...

  • CSS系列知识(一)

    css的语法 selector {property: value} 即 选择器{属性:值} 学习css即学习有哪些...

  • CSS选择器

    目录: CSS派生选择器 CSS元素选择器 CSS Id 和 Class选择器 CSS 属性选择器 CSS 派生选...

网友评论

    本文标题:css学习 day01-属性选择器

    本文链接:https://www.haomeiwen.com/subject/ugtqmttx.html