css学习 day01-属性选择器

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-"开头的值。