在类名称中使用点（。）devise元素

干草我有这样的元素

<span class='a.b'> 

不幸的是，这个类名来自电子商务应用程序，不能改变。

我可以用一个点在一个类名称吗？

喜欢

 .ab { } 

Answer 1

 .a\.b { } 

但是，可能有浏览器不支持这一点。

Answer 2

来这个派对很晚，但你可以使用属性select器。

在你的情况下，要定位class='a.b'元素，你可以使用：

 [class~="ab"] {...} // or span[class~="ab"] {...} 

---

另外，这里是属性select器的完整列表。

属性存在select器

 // Selects an element if the given attribute is present // HTML <a target="_blank">...</a> // CSS a[target] {...} 

属性等于select器

 // Selects an element if the given attribute value // exactly matches the value stated // HTML <a href="http://google.com/">...</a> // CSS a[href="http://google.com/"] {...} 

属性包含select器

 // Selects an element if the given attribute value // contains at least once instance of the value stated // HTML <a href="/login.php">...</a> // CSS a[href*="login"] {...} 

属性从select器开始

 // Selects an element if the given attribute value // begins with the value stated // HTML <a href="https://chase.com/">...</a> // CSS a[href^="https://"] {...} 

属性结束与select器

 // Selects an element if the given attribute value // ends with the value stated // HTML <a href="/docs/menu.pdf">...</a> // CSS a[href$=".pdf"] {...} 

属性间隔select器

 // Selects an element if the given attribute value // is whitespace-separated with one word being exactly as stated // HTML <a href="#" rel="tag nofollow">...</a> // CSS a[rel~="tag"] {...} 

属性连字符select器

 // Selects an element if the given attribute value is // hyphen-separated and begins with the word stated // HTML <a href="#" lang="en-US">...</a> // CSS a[lang|="en"] {...} 

资料来源：learn.shayhowe.com

Answer 3

是的你可以。 像“.ab”这样的CSS类名的含义是定位具有名称为“a”的CSS名称的元素，该名称也具有类名“b”，也就是说，您将这两个类都放在同一个元素中。 就像div.cssname将div元素与cssname一样。