Php CSS样式的Id变量

下面是关于foreach循环的php代码，其中$d->ID是变量：

echo '<div id="tabla_'.$d->ID.'" style="display:none">';
echo '<input id="tab-1_'.$d->ID.'" type="radio" name="tab-group'.$d->ID.'" checked="checked"/>
<label for="tab-1_'.$d->ID.'">Tab 1</label>
<input id="tab-2_'.$d->ID.'" type="radio" name="tab-group'.$d->ID.'" />
<label for="tab-2_'.$d->ID.'">Tab2 2</label>
<div id="content_'.$d->ID.'">       
<div id="content-1_'.$d->ID.'">';   
echo 'Hello world 1</div>
<div id="content-2_'.$d->ID.'">Hello world 2!</div></div></div><br>';

但现在，我有了下一个无法正常工作的代码：(

有什么想法吗

---

非常感谢！

您从未为（未选中的）

[id^=content.][id^=content-1.][code>设置不透明度，因此它始终等于
1
（因为这是浏览器的默认设置）

添加

[id^=content_] [id^=content-1_], 
[id^=content_] [id^=content-2_] { opacity: 0; }

默认情况下隐藏它们。
：checked
-规则中的
不透明度：1；
将显示它们


div[id^=tabla]{
利润率：40px自动；
宽度：100%；/*Ancho del Contendor*/
框大小：边框框；
-moz框大小：边框框；
}
div[id^=tabla_u2;]输入{
高度：32px；
可见性：隐藏；
}
div[id^=tabla_u2;]标签{
浮动：左；
光标：指针；
字体大小：15px；/*Tamaño del texto de las pestañas*/
线高：40px；
高度：40px；
填充：0 20px；
显示：块；
颜色：#888；/*pestañas织物颜色*/
文本对齐：居中；
边界半径：5px5px0；
背景：#eee；/*Fondo de las pestañas*/
右边距：5px；
}
[id^=content.][id^=content-1.]，
[id^=content.][id^=content-2.]{opacity:0；}
div[id^=tabla_]input[id^=tab-1_]：选中~[id^=content_][id^=content-1_]，
div[id^=tabla_]input[id^=tab-2_]：选中~[id^=content_][id^=content-2_]{
z指数：100；
不透明度：1；
-webkit过渡：全部缓解0.2s 0.1s；
-moz转换：全部缓解0.2s 0.1s；
-o型过渡：全部缓解0.2s 0.1s；
-ms转换：全部缓解0.2s 0.1s；
}

表1
表2
你好，世界1
你好，世界2！

“那不好用”需要什么？PS。请学习如何创建一个最小的示例。如果您的问题是CSS，请提供/一些HTML，而不是创建它的PHP代码。
div[id^=tabla_] input[id^=tab-1_]:checked ~ [id^=content_] [id^=content-1_],
div[id^=tabla_] input[id^=tab-2_]:checked ~ [id^=content_] [id^=content-2_]{
    z-index: 100;
    opacity: 1;
    -webkit-transition: all ease-out 0.2s 0.1s;
-moz-transition: all ease-out 0.2s 0.1s;
-o-transition: all ease-out 0.2s 0.1s;
-ms-transition: all ease-out 0.2s 0.1s;
}

[id^=content_] [id^=content-1_], 
[id^=content_] [id^=content-2_] { opacity: 0; }