我已经使用 C++ 编程一段时间了,现在我正在研究 HTML 和 CSS。我想知道您是否可以像在 C++ 中那样从另一个类内部访问一个类。例如,这是我现在要解决的问题(我正在尝试制作一个 slider ):
HTML
<img src="image1.jpg" class="images" id="i1">
<img src="image2.jpg" class="images" id="i2">
<img src="image3.jpg" class="images" id="i3">
CSS
.images
{
opacity:0;
animation-name:animation;
animation-duration:10s;
animation-iteration-count:infinite;
}
@keyframes animation
{
0%
{
#i1 {opacity:1}
}
33%
{
#i2 {opacity:1}
}
66%
{
#i3 {opacity:1}
}
}
所以,我想问的是,是否有任何方法可以访问 CSS 部分 {} 内的类(或标识符)。
最佳答案
尝试使用这个:
CSS
.class1 .class2 {
background-color: yellow;
}
HTML
<html>
<head>
<title>MyPage</title>
</head>
<body>
<div class='class1'>
<div class='class2'></div>
<div class='class2'></div>
</div>
<div class='class2'></div>
</body>
</html>
这样,您仅将样式应用于 class1 的 div 内的 class2 的 div,而不应用于其他
希望这对你的问题有帮助
关于html - 如何从 css {} 部分访问类?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33871477/