`
天梯梦
  • 浏览: 13741818 次
  • 性别: Icon_minigender_2
  • 来自: 洛杉矶
社区版块
存档分类
最新评论

CSS: 指向目标下第一层或者全部层的元素 Target first level <li>s and not the nested <li>

 
阅读更多

Have a container <div> with a class, and use the > selector. Lets say your container div's class is "myclass":

.myclass ul li {
   ...this will affect both levels of li.
}

.myclass > ul > li {
   ...this will only affect the first level.
}

.myclass > ul > li > ul > li {
   ...this will only affect the second level.
}

 

Note: the > selector does not work in IE6 and below when used as a CSS selector. It does work in all other browsers though, including IE7 and IE8, and when used in JQuery, it works in all browsers supported by jQuery, including IE6.

 

源自: http://stackoverflow.com/a/4830672/4484798

 

还可以参考下面的写法:

$('ul > li:not(:has(ul))');

 

 

原文/转自: CSS: 指向目标下第一层或者全部层的元素 Target first level <li>s and not the nested <li>

 

 

 

 

 

分享到:
评论

相关推荐

    The Art of Assembly Language Programming

    Some Final Comments on the MOV Instructions&lt;br&gt;&lt;br&gt;4.9 Laboratory ...and CodeView'&lt;br&gt;4.9.5.1 A Quick Look at CodeView&lt;br&gt;4.9.5.2 The Source Window&lt;br&gt;4.9.5.3 The Memory Window&lt;br&gt;4.9.5.4 The Register ...

    网页设计-列表项目.ppt

    无序列表需要使用无序列表标记符 `&lt;UL&gt;&lt;/UL&gt;` 和列表项(List item)标记符 `&lt;LI&gt;&lt;/LI&gt;`(结束标记符可省略)。 无序列表的类型可以通过 `type` 属性来控制,包括 `disc`、`circle`、`square` 等类型。例如: `...

    NETCFSERUP

    &lt;summary&gt;The InfoChanges class is used internally to help with the saving and restoring process.&lt;/summary&gt; &lt;remarks&gt;The InfoChanges class is created by the API abstract class and is used to provide...

    Addison.Wesley.The.Java.Programming.Language.4th.Edition.Aug.2005.chm

    linguistic properties of classes and method.&lt;br&gt;&lt;br&gt;Chapter 16Reflectiondescribes the runtime type introspection mechanism and how you can construct and manipulate objects of unknown type dynamically ...

    sublime text2 plugin - emmet

    4. **Nested Elements(嵌套元素)**:在缩写中使用`&gt;`表示子元素,例如`div&gt;span`会生成`&lt;div&gt;&lt;span&gt;&lt;/span&gt;&lt;/div&gt;`。 5. **Multiplication(乘法)**:通过`*`符号可以重复生成元素,如`li*3`会产生三个`&lt;li&gt;`...

    Struts所有标签详解

    里面包括&lt;html&gt;&lt;bean&gt;&lt;logic&gt;&lt;tiles&gt;&lt;nested&gt;&lt;br&gt;五组标签库的详细讲解,每个标签库都对应着&lt;br&gt;相应的例子(标签多的标签库有两个例子)。&lt;br&gt;另外还有国际化(文字国际化/图片国际化)、&lt;br&gt;表单验证,以及验证...

    同一页面多个Tab选项卡嵌套显示实例

    每个Tab是一个`&lt;li&gt;`元素,而`&lt;div&gt;`用于承载对应的Tab内容。 2. CSS美化:通过CSS来定义Tab的样式,包括字体、颜色、边框、背景等,以及隐藏和显示内容的部分。 3. JavaScript交互:使用JavaScript或jQuery等库来...

    freemarker总结

    其它的运行符可以作用于数字和日期,但不能作用于字符串,大部分的时候,使用gt等字母运算符代替&gt;会有更好的效果,因为 FreeMarker会把&gt;解释成FTL标签的结束字符,当然,也可以使用括号来避免这种情况,如:&lt;#if (x&gt;y)&gt; ...

    SpringBoot+Mybatis-Plus整合Sharding-JDBC5.1.1实现单库分表【全网最新】.doc

    &lt;artifactId&gt;shardingsphere-jdbc-core-spring-boot-starter&lt;/artifactId&gt; &lt;version&gt;5.1.1&lt;/version&gt; &lt;/dependency&gt; &lt;!-- Lombok for reducing boilerplate code --&gt; &lt;dependency&gt; &lt;groupId&gt;org.project...

    宏的使用

    &lt;link rel="stylesheet" type="text/css" href="/styles.css"/&gt; &lt;/head&gt; &lt;body&gt; &lt;#nested/&gt; &lt;/body&gt; &lt;/html&gt; &lt;/#macro&gt; ``` 宏可以通过`&lt;@name&gt;`指令进行调用,如下所示: ```html &lt;@...

    Struts标签参考

    1. **表单标签**,如`&lt;form&gt;`、`&lt;checkbox&gt;`、`&lt;file&gt;`、`&lt;hidden&gt;`、`&lt;multibox&gt;`、`&lt;radio&gt;`、`&lt;select&gt;`、`&lt;option&gt;`、`&lt;options&gt;`、`&lt;optionsCollection&gt;`、`&lt;text&gt;`、`&lt;password&gt;`、`&lt;textarea&gt;`、`&lt;image&gt;`、`...

    Struts 成功测试

    Struts 成功测试 [jps宝典第24章 书上错误太多了,均已改正]&lt;br&gt;&lt;br&gt;tomcat5.028&lt;br&gt;+&lt;br&gt;jdk1.5&lt;br&gt;+&lt;br&gt;struts-1.2.8&lt;br&gt;+&lt;br&gt;================================================================================...

    zk 数据绑定(grid进行嵌套显示数据)

    在这个例子中,`orders`属性是一个订单列表,`&lt;nested&gt;`标签遍历这个列表,并为每个订单创建新的行。 四、数据刷新与事件处理 在进行数据绑定时,还需要考虑数据更新和事件处理。ZK提供了一些内置的事件监听器,如...

    Delphi7.1 Update

    Delphi 7.1 Update Release Notes=======================================================This file contains important supplemental and late-breakinginformation that may not appear in the main ...

    lecco sql export pro(SQL优化器)

    再在执行计划看不明白的地方点 击下,LECCO SQL Expert的上下文敏感帮助系统将提供执行计划该处的解释&lt;br&gt;&lt;br&gt; 优化模块的特点&lt;br&gt;&lt;br&gt; LECCO SQL Expert优化模块的特点主要有以下几点:&lt;br&gt;&lt;br&gt; 1、自动优化SQL...

    ICC8051 Micro Series 8051 C-Compiler V4.10A/DOS

    -Aprefix Generate ASM on: &lt;prefix&gt; &lt;source&gt; &lt;.s03&gt; -Hname Set object module header = 'name' -Rname Set code segment = 'name' -DSYMB Equivalent to: #define SYMB 1 -DSYMB=xx Equivalent to: #define SYMB ...

    table嵌套table边框样式

    当表格嵌套时,一个`&lt;td&gt;`或`&lt;th&gt;`元素内部可以包含另一个完整的`&lt;table&gt;`。 在CSS中,我们可以用以下属性来调整表格的边框: 1. `border`: 设置元素的边框宽度、样式和颜色。 2. `border-collapse`: 控制表格的...

    网页特效==随意拖动图片

    &lt;li&gt;&lt;a href="#half-frag"&gt;&lt;span&gt;Form1&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#fragment-1"&gt;&lt;span&gt;One&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;!-- 更多标签项 --&gt; &lt;/ul&gt; &lt;div id="half-frag"&gt; &lt;!-- 内容区域 --&gt; &lt;/div&gt; &lt;/div&gt; ``` 4....

    Hibernate中文API大全

    你必须作出一个选择,要么在组合元素中使用不能为空的属性,要么选择使用&lt;list&gt;,&lt;map&gt;,&lt;bag&gt; 或者 &lt;idbag&gt;而不是 &lt;set&gt;。 组合元素有个特别的用法是它可以包含一个&lt;many-to-one&gt;元素。类似这样的映射允许你将一个...

    Log4j2 web demo (log4j2 version 2.1)

    &lt;Console name="Console" target="SYSTEM_OUT"&gt; &lt;PatternLayout pattern="%d{HH:mm:ss.SSS} [%t] %-5level %logger{36} - %msg%n"/&gt; &lt;/Console&gt; &lt;/Appenders&gt; &lt;Loggers&gt; &lt;Root level="info"&gt; &lt;AppenderRef ...

Global site tag (gtag.js) - Google Analytics