小编Tho*_*mas的帖子

我提前找借口,因为这似乎是一个非常基本的CSS理解问题,也可能是Javascript.

我想要做的是:想象一个包含h3和p的div.在盘旋上我希望h3和p改变它们的字体重量.到目前为止,我在这里使用此代码来改变悬停在div上的不透明度和边框,但我真的不知道如何引用div中的两个元素.我真的很抱歉,但我需要有人以非常简单的方式向我解释.

举例来说,我觉得里面的div这些元素被称为孩子,但我甚至不能确定有关......我真的与所有的HTML/CSS/Java的东西的工作,第一次,并试图搞清楚这些事情当我走的时候.到目前为止我找到的教程网站无法解决我的问题,因此这篇文章.

更多背景信息:我正在使用jondesign(Jonathan Schemoul)的"smoothgallery"脚本()并试图按照我的意愿弯曲它,但如果你不知道它是如何工作的话,那就太难了.我可以在这里找到我实现脚本的网站.

这里是CSS部分,用于更改悬停时的div:

.jdGallery .gallerySelector .gallerySelectorInner div.hover{
    border: 1px solid #89203B;
    border-left: 0.8em solid #89203B;
    background: url('../../images/teaserBox_bg.jpg') no-repeat;
    background-size: 100% 100%;
    filter:alpha(opacity=1);
    -moz-opacity:1;      /
    -khtml-opacity: 1;
    opacity: 1;
}

CSS文件中的此条目更改了例如div内的h3的设置,

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3{
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
}  

您可能还想查看生成这些类的.js文件,可以在此处找到.

这可能是这里最重要的部分:

    createGalleryButtons: function () {
            var galleryButtonWidth =
                    ((this.galleryElement.offsetWidth - 30) / 2) - 14;
            this.gallerySet.each(function(galleryItem, index){
                    var button = new Element('div').addClass('galleryButton').injectInside(
                            this.gallerySelectorInner
                    ).addEvents({
                            'mouseover': function(myself){ …