jQuery :不带锚点排除 div 和 img 元素

Question

我想实现的是设置页面上不包含图像或div框的所有链接的样式。我尝试过用 css 和 a:text-only 和 a:text-only:hover 解决这个问题，但这不起作用。然后我尝试使用 jQuery，但我无法让:not选择器在锚标记中排除div 框和图像。
这是我到目前为止的代码：

<script src="jquery-1.10.2.js"></script>
<script src="jquery-1.10.2.min.js"></script>
<script type="text/javascript">
    $('document').ready(function(){
        var styles = {
            textDecoration: "none",
            padding: "2px",
            WebkitTransition: "0.5s",
            MozTransition: "0.5s",
            OTransition: "0.5s",
            transition: "0.5s"
        };
        $("a").not('div', 'img').css( styles );
    });
</script>

它应该排除如下所示的链接

<a href="index.php"><div class="logo180"></div></a>

或者这个

<a href='booklist.php'><img src="images/bookflight.png"></a>

这在jQuery（或css）中可能吗？
提前谢谢。

Answer 1

你需要使用带有多个选择器的 ：has（）

$("a").not(':has(div,img)').css( styles );

Answer 2

"a"元素本身就是一个内联元素。所以只能使用这个：

$("a").css( styles );