如何從CSS {}部分中訪問類？

Question

我已經為C ++編程了一段時間了，現在我正在研究HTML和CSS。 我想知道是否可以像在C ++中一樣從另一個類內部訪問一個類。 舉例來說，這就是我現在要解決的問題（我正在嘗試制作一個滑塊）：

的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部分{}中的類（或標識符）。

Answer 1

嘗試使用此：

的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，而不能應用於其他樣式

希望這可以幫助您解決問題

如何從CSS {}部分中訪問類？

問題描述

1 個解決方案

解決方案1
0 2015-11-23 13:00:26

如何從CSS {}部分中訪問類？

問題描述

1 個解決方案

解決方案1 0 2015-11-23 13:00:26

解決方案1
0 2015-11-23 13:00:26