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

Question

这是什么格式做CSS：

p[class|=abc] 

和

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

我不能够搜索到它，因为我不知道这个确切的术语。

任何帮助一些链接来研究这些方括号的事情将不胜感激。

在此先感谢。

Answer 1

它们是Attribute selectors。阅读链接了解更多信息。

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

Answer 2

Selectors

E [郎| = “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>