Question

这种格式在CSS中的作用是什么：

p[class|=abc]

和

#pTag a[href^="https://"]

我无法搜索它，因为我不知道确切的术语。

任何有关研究这些方括号的链接的帮助都将不胜感激。

提前致谢。

Answer 1

他们是Attribute selectors。阅读链接以获取更多信息。

请注意，最后一个CSS示例是CSS3选择器。

Answer 2

Selectors

E [lang | =“en”]匹配任何E元素其“lang”属性有一个以连字符分隔的值列表从（左）开始用“en”。

[ATT ^ = VAL] 表示具有att属性的元素，其值以。开头前缀“val”。如果“val”是空的字符串然后选择器没有代表什么。

Answer 3

连字符[| =]属性选择器：

连字符（ - ）主要用作语言代码的分隔符。

<style>
    .test        { display:none; }
    [lang|="en"] { display:block; }
</style>

<div class="test" lang="en-us">Test for [|=] (Hyphen) succeeded.</div>

前缀[^ =]属性选择器：

<style>
    .test       { display:none; }
    [attr^="B"] { display:block; }
</style>

<div class="test" attr="Blue">Test for [^=] (Prefix) succeeded.</div>

这种格式在CSS中做了什么：p [class | = abc]？

3 个答案: