如果它有超链接,则更改list-style-type - 没有javascript / jQuery

时间:2012-04-26 09:19:17

标签: css

  

可能重复:
  Complex CSS selector for parent of active child

我有以下代码:

<li>
  <a href="jsfiddle.net">Text</a>
</li>
<li>
  only text
</li>​

我已将css应用于li元素:

li {list-style-type: circle;}

我希望悬停时的元素li应该具有 list-style-type:disc ,但仅当它具有锚元素时在里面。我知道它是一个使用javascript的cakewalk,但是没有javascript可以实现这个吗?

我尝试了类似的东西,却无法实现:http://jsfiddle.net/k5SQe/

2 个答案:

答案 0 :(得分:3)

CSS中没有“父”选择器。您无法使用给定的要求向<li>元素添加圆形样式。

尽管如此,可以将子弹添加到锚点http://jsfiddle.net/k5SQe/31/

li:hover a {
    display: list-item;
    list-style-type: disc;
}

答案 1 :(得分:0)

根据您的具体情况,将类添加到包含链接的<li>元素。

http://jsfiddle.net/k5SQe/10/