CSS 选中奇偶子元素

<style>
#Ulist li:nth-of-type(odd){ margin-left: 20px;}奇数行
#Ulist li:nth-of-type(even){margin-left: 10px;}偶数行
<style>  

<ul id="Ulist">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</ul>

时间： 2024-08-30 16:44:25

CSS 选中奇偶子元素的相关文章

css 选择器之子元素

/*html*/ <div class="wrap"> <span>1</span> <span>2</span> <span>3</span> <span>4</span> </div> /*css*/ .wrap{ display:table; width: 200px; } .wrap span{ display:table-cell; text-align:c

方法一: 背景色用rgba表示兼容各个浏览器 ie8: 通过!important与filter:alpha(opacity=透明值)的结合使用即可解决:例如 background-color:#f9f1f1; background:rgba(249, 241, 241, 0.85) !important;filter:alpha(opacity=85). 方法二: 背景色用background-color:#000; 子元素放在父div外面的div,通过定位显示在父div上面: <div c

CSS选择器（子元素和后代元素选择器）

元素之间的关系父元素:直接包含子元素的元素子元素:直接被父元素包含的元素祖先元素:直接或间接包含后代元素的元素,父元素也是祖先元素后代元素:直接或间接被祖先元素包含的元素,子元素也是后代元素兄弟元素:拥有相同父元素的元素叫做兄弟元素后代选择器作用:选中指定元素的指定后代元素语法:祖先元素后代元素{ }(中间有空格) 子元素选择器作用:选中指定父元素的指定元素(此方法使用不多) 语法:父元素 > 子元素原文地址:https://www.cnblogs.com/XiaMengJ

Jquery 第一课（jq选择器：id、类、标签、奇偶、eq、nth-child、子元素、属性、包含、位置、过滤）

一.什么是jQuery? jQuery是一款比较优秀的js框架.是将js中比较常用的方法封装底层.口号是"write less,do more". 二.如何使用jQuery呢?(使用jQuery的整体思路) 1.页面加载完之后 2.找到对象 3.执行你要的事件 4.声明一个事件(function()) 5.完成事件里面的内容三.第一个jQuery程序注意小点:1.引入jQuery文件的时候,把jQuery的文件放js文件之前(页面由上而下执行). 2.$的作用一个是页面加载还有

第十课课程重点（jq选择器：id、类、标签、奇偶、eq、nth-child、子元素、属性、包含、位置、过滤）

1.在VS中新建jq项目: 新建web窗体时选择第二个: 将系统生成的多余文件夹删掉,仅留下Scripts和Web.config: 将Scripts文件夹改名为我们熟悉的js(也可以不改,仅推荐改),并新建文件夹css和image,并在对应位置添加页面,html.css.js 将上图鼠标所指的.min.js文件拖动到html中,将自己新建的js文件拖动到它下方,如图: *两者上下位置关系千万别弄饭了,min.js一定要在最上面. 将Script文件夹中的第一个js文件(_references.j

css的经典问题：父元素下的子元素越界问题？

CSS的经典问题一:父元素下第一个子元素的margin-top越界问题以及末个子元素margin-bottom的越界问题? 1. 为父元素加边框,防止子元素延伸.副作用是边框:2. 将margin换做padding:副作用是padding-top的值要加padding:3. 父元素overflow,副作用是将溢出部分隐藏掉可能不满足需求:4. 将父元素的第一个元素之前加一个无高度的table元素,无副作用!!! .parent:before{ content:' '; display:table

CSS子元素浮动之后如何撑开父元素

(1)在浮动子元素后面添加 <div style="clear:both;"></div> (2)父元素CSS添加 z-index:1; overflow:hidden; (3)绝对定位/静止定位(absolute/fixed); (4)父元素也跟着浮动 (5)父元素设定高度 (6)最佳方案: 父元素CSS添加: overflow:auto;_height:1%;

css设置时父元素随子元素margin值移动

父元素的盒子包含一个子元素盒子,给子元素盒子一个垂直外边距margin-top,父元素盒子也会往下走margin-top的值,而子元素和父元素的边距则没有发生变化. HTML,CSS: <div class="box1"> <div class="box2"> <div class="content"> <div class="margin">123</div> &l

前端学习 --Css -- 子元素的伪类

:first-child 寻找父元素的第一个子元素,在所有的子元素中排序: :last-child 寻找父元素的最后一个子元素,在所有的子元素中排序: :nth-child 寻找父元素中的指定位置子元素,在所有的子元素中排序: :first-of-type 寻找指定类型中的第一个子元素 :last-of-type 寻找指定类型中的最后一个子元素 :nth-of-type 寻找指定类型中的指定子元素可以使用even,来找到偶数的子元素可以使用odd,来找到奇数的子元素 demo: <!DOCT