匹配模式css - 不工作

时间:2018-05-03 08:14:12

标签: css

我有一个要求,我需要将自定义颜色应用于功能区样式而不是默认样式。

所以,我已经检查了模式匹配CSS并在下面尝试过,但是它没有用。

我的实际CSS:

System.Collections.Generic.List<CloudBlobContainer> blobContainers = cloudBlobClient.ListContainers().Where(blobContainer => blobContainer.Name == "thumbContainer" || blobContainer.Name == "largeContainer").ToList<CloudBlobContainer>();
if (blobContainers.Count != 2)
{
      throw new Exception("containers are not exist");
}
else
{
      //.....
}

所以为了匹配这个模式,我创建了一些类似下面的CSS。

.ms-cui-cg-**tl** .ms-cui-ct-first>.ms-cui-tt-a,
.ms-cui-cg-**tl** .ms-cui-ct-first>.ms-cui-tt-a:hover {
  border-left-color: #000;
}

.ms-cui-cg-**gr** .ms-cui-ct-first>.ms-cui-tt-a,
.ms-cui-cg-**gr** .ms-cui-ct-first>.ms-cui-tt-a:hover {
  border-left-color: #000;
}

我试图将模式与** tl **和** gr **匹配 任何人都可以纠正我在这里做的错误吗?

1 个答案:

答案 0 :(得分:2)

这个怎么样:

div[class^="ms-cui-cg-"] .ms-cui-ct-first>.ms-cui-tt-a,
div[class^="ms-cui-cg-"] .ms-cui-ct-first>.ms-cui-tt-a:hover {
  border-left-color: #000;
}

同样可以为** gr **做