Question

我们公司网站上有一个交互式过滤器，该过滤器用于向按部门显示人员，而又不想在可以访问模板的开发人员上花更多的钱，则可以通过wordpress进行CSS更改。

目前可以隐藏过滤器本身，因为它们似乎包含在一种名为#Filters_Department的样式中

标签看起来像这样，但是我们不想隐藏页面上的其他标签。

<label>Department:</label>

这部分有用。

#filters_department
{
display:none    
}

尝试过：

label[for="department"]
{
display:none;
}

Answer 1

我认为您只需要在标签中添加for属性即可。

<label for="department">Department : </label>

Answer 2

您为什么不尝试将一个类添加到标签并以这种方式定位呢？

botocore.exceptions.ClientError: An error occurred (AccessDenied) when calling the CopyObject operation: Access Denied

Answer 3

此选择器可用于属性

[attribute =“ value”]-查找与“值”完全匹配的属性
[attribute ^ =“ value”]-查找以“ value”开头的属性
[attribute * =“ value”]-查找其中包含“ value”的属性

在您的情况下，您没有任何属性。加 class =“ ...”或id =“ ...”或自定义data-attr =“ ...”

如果使用class或id属性，最好使用.value {}或#value {}选择器。

但是请注意，这些选择器的重要性与属性选择器不同，因此最好知道何时覆盖。

请参见下面的示例

label {
  display: block;
}

label[data-attr="dept-1"] {
  display: none;
}

label[class="someClass"] {
  color: blue;
  font-size: 21px;
}

.someClass {
  color: red;
  font-size: 16px;
}

/* class selector can't overwrite the attribute selector */

#someId {
  color: red;
}

/* id selector can overwrite the attribute and the class selector*/

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>CSS</title>
  <script src="script.js"></script>
  <link rel="stylesheet" href="style.css">
</head>

<body>
  <label class="someClass" data-attr="dept-1">Department: 1</label>
  <label class="someClass" data-attr="dept-2">Department: 2</label>
  <label class="someClass" data-attr="dept-3" id="someId" >Department: 3</label>
</body>

</html>

在CSS中隐藏HTML标签

3 个答案: