html - 如何从 css {} 部分访问类?

标签 html css

我已经使用 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/

相关文章:

html - 删除div中的空白空间

html - 单选按钮不显示数据库信息,并且在选择另一个单选按钮时也不会禁用

html - 如何用div和CSS实现 "reddit post"类型框?

css - 从 Bootstrap 导航下拉菜单上的菜单图标中删除悬停状态

Javascript仅适用于滚动事件?

css - 自动将字体颜色与背景进行对比

html - 我无法点击我的导航栏 HTML 和 CSS

html - 使用 iFrame 和图像圆化 Div Angular

css - 3 列流体分区显示故障 : "Hanging" Individual Divs

html - 如何在css中改变GIF动画图片的颜色