Question

如何隐藏此数据＆＃34;数据跟踪区域＆＃34;在页脚？这是代码。我在WordPress上，所以我无法编辑CSS但添加了额外的内容。我尝试使用display:none;隐藏它但没有用。

 <div id="footer" data-tracking-area="footer">

我尝试了这段代码，但没有用。

.data-tracking-area{
display:none;
}

Answer 1

您可以添加以下css

#footer{
    display:none;
}

Answer 2

您可以使用属性选择器。像这样：

[data-tracking-area="footer"] {
  display:none;
}

Answer 3

属性选择器区分大小写，并写在内部   括号[]。

你可以找到七种不同类型的比赛   属性选择器，每个语法都不同。每一个   更复杂的属性选择器构建在精确的语法上   匹配选择器 - 它们都以属性名称开头并以。结尾   等号后跟属性值，通常用引号括起来。   属性名称和等号之间的区别是什么   选择者之间的差异。

[data-tracking-area] {
/* Attribute exists */
}

[data-tracking-area="footer"] {
/* Attribute has this exact value */
}

[data-tracking-area=*"footer"] {
/* Attribute value contains this value somewhere in it */
}

[data-tracking-area=~"footer""] {
/* Attribute has this value in a space-separated list somewhere */
}

[data-tracking-area=^"footer"] {
/* Attribute value starts with this */
}

[data-tracking-area=|"footer"] {
/*Attribute value starts with this in a dash-separated list */
}

[data-tracking-area=$"footer"] {
/* Attribute value ends with this */
}

这是一个基本的例子：

＆＃13;

[data-tracking-area="footer"]{
  height: 50px;
  background: green;  
}

[data-tracking-area*="foo"]{  
  color: #fff;
  text-align: center;
}

[data-tracking-area$="footer"]{
  text-transform: uppercase;
  padding-top: 10px;
}

＆＃13;

<div id="footer" data-tracking-area="footer">select me by atrtibute selector</div>

＆＃13;

您可以使用最适合您需求的那个。

文档：https://css-tricks.com/almanac/selectors/a/attribute/

Answer 4

您也可以提供内联样式。如下：

Local  $arr[3][3] = [[1, 2, 3], [2, 3, 4], [3, (.00, 0.1575818700]]

试试这个，希望能够工作。

如何在页脚中隐藏此div类？

4 个答案: