将css样式添加到仅包含子项的列表项

时间:2015-09-28 04:47:45

标签: css css3 parent styling

我有一个如下所示的列表

_dataTransferManager = DataTransferManager.GetForCurrentView();
_dataTransferManager.DataRequested += OnDataRequested;

我需要使用以下内容添加箭头:仅在li内部使用ul标签时才使用css。我已经应用了以下css样式但问题没有解决。

 <ul>
  <li>
  <a></a>
   <ul>
    <li>
    <a></a>
    </li>
   </ul>
  </li>
</ul>

有没有实现这个目标的方法?感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

CSS中尚不存在

String device_id = getIntent().getExtras().getString("DEVICEID"); 个选择器。您可以使用jQuery中的:has()选择器执行您所要求的操作。

但是,我认为:parent选择器不是你想要的,因为它不会在:after文本之后,而是在整个元素之后,

li

与此类似:

<ul>
 <li>
  <a>Outer Item</a>
   <ul>
    <li>
     <a>Inner Item</a>
    </li>
   </ul>
 </li> <-- :after would place arrow here
</ul>

您可以使用Javascript或jQuery在初始文本后添加箭头,但我认为只有CSS才能实现这一点。

你可以对此有所了解,但是箭头出现在父项和子列表之间的一行上:

o Outer Item
    o Inner Item
<--

请参阅http://jsfiddle.net/29kc1p1x/