Question

我在a标签上应用悬停效果只是想知道是否可以将css仅应用于那些内部没有图像的标签

<a href="#">link</a>
<a href="#"><img src='abc.png'></a>

a:hover,a:focus,.text-link:hover,.text-link:focus{
    background: #551011;
    color: #8b6508;
}

这是我尝试但不工作的

a:not(img):hover,a:not(img):focus,.text-link:not(img):hover,.text-link:not(img):focus{
    background: #551011;
    color: #8b6508;
}

我做错了什么

Answer 1

请尝试这样：

/**
 * returns a promise of array of images
 */
obj.getAll = function() {
    // start by executing the first request
    return $http.get('https://localhost:9000/1.0/images').then(function(response) {

        // transform the response into a promise of images

        // if that's not possible, return a rejected promise
        if (data.status != "Success") {
            return $q.reject("Error");
        }

        // otherwise, transform the metadata array into
        // an array of promises of image
        var promises = data.metadata.map(function(imageUrl) {
            return $http.get('https://localhost:9000' + imageUrl).then(function(resp) {
                return resp.data;
            });
        });

        // and transform this array of promises into a promise
        // of array of images
        return $q.all(promises);
    });
}

Answer 2

不要我们全球风格

a：悬停，a：focus {}

这会影响所有的a-tag。在您的网站上。使用范围或类......与您text-link类一样。删除其余部分。

＆＃13;

.text-link:hover,.text-link:focus{
    background: #551011;
    color: #8b6508;
}

＆＃13;

<a href="#" class='text-link'>link</a>
<a href="#"><img src='http://files.dlink.com.au/website_images/baby_cam/gettingstarted_images/ABC_4.png' width="180px"></a>

＆＃13;

标记的css但不包含图像的标记

2 个答案: