| =和^ = css之间的区别

前端之家收集整理的这篇文章主要介绍了| =和^ = css之间的区别前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有什么区别:| =和^ =在css中?

由于这个链接它不是一个,但为什么他们会打扰两件事重复.
http://www.w3schools.com/cssref/css_selectors.asp

[attribute | = value]和[attribute ^ = value]

首先是

Selects every element whose src attribute value begins with
“https”

第二个

Selects all elements with a lang attribute value starting with “en”

解决方法

我认为w3c文档中的官方描述说明了一切:

E [foo | =“en”] – 一个E元素,其foo属性值是一个以连字符分隔的值列表,以en开头

E [foo ^ =“bar”] – 一个E元素,其foo属性值恰好以字符串“bar”开头

Always try to avoid using w3schools – it has very poor quality.

要获得良好的文档,请访问MDNSitepoint或使用官方W3C Document.

基本上,| =选择器对复合类和语言属性很有用.

<div class="wrapper-inner"><span lang="en-GB">...</span></div>

div[class|='wrapper']{/*...*/}
span[lang|='en']{/*...*/}

^ =通常选择“子串匹配”,就像属性的第一个字母一样.

猜你在找的CSS相关文章