css选择器 列表样式

Posted 2023-05-01

参考技术A 举一个简单的ul，li的列表例子，实现如下效果：

常规写法（使用last-child选择器）：

写法2（使用not选择器）:

写法2（使用+选择器）:
相邻兄弟选择器（Adjacent sibling selector）可选择紧接在另一元素后的元素，且二者有相同父元素。

关于css中html选择器

body
border:1px solid red;
width: 800px;
height: 1000px;
margin: 0 auto;


css中的是上面的 可是html中不显示边框是什么原因 我用的是ie8

主要应用于声明不同优先级、不同适用范围的样式。

【HTML选择器】
三者中优先级最低的选择器。
用于最基础样式的定义，比如定义页面整体的字体（给body定义font），链接的样式（给a定义颜色、下划线等属性），列表项的符号样式（给li定义list-style），段落的间距（给p定义padding或者margin）等等。 这种声明优先级最低。
举例：
body, table td font:normal 12px/1.8 Arial;
a color:#ff0; text-decoration:none;
a:hover color:#ff6;
p text-indent:2em;

【类选择器】
用于来定义一类可以在同一个页面内重复利用的样式。 如比较常用的.clearfix（一般是用于清除浮动），或者自己定义的用于新闻列表的样式，详细的写好链接、列表、边框以及背景等属性，有些人还会习惯把一些常用的属性作为一个类。

举例：
.clearfix clear:both; content:.; height:0; overflow:hidden; zoom:1;
.fl float:left;
.red color:red;
.box border:1px solid #ccc;
.box li padding-left:15px; background:url(arrow.png) 5px center no-repeat

【ID选择器】
三者中优先级最高的选择器。
一般用于一个页面中仅出现一次的容器，也常常作为js的接口。例如页面上的导航条（#nav）、页脚（#footer）、侧边栏（#sider）、主要内容（#mainBody）等等。
举例：
#nav padding:10px 0; background:url(../images/nav.png) 0 -124px repeat-x;
#footer border-top:3px solid #630;
#sider float:right: width:298px; border:1px solid #ccc;
满意请采纳。 参考技术A html 的body 的呈现属性均不被支持及没有呈现属性追问

body不是可以当做一个html选择器用么 那应该怎么呈现

追答

前面说错了 应该是 不建议使用呈现属性
应该是优先级问题 你在浏览器里看一下它继承了那些样式

你最好在页面 head 里添加该样式 或者不要使用class 来关联样式

参考技术B 常用的CSS选择器有：
ID选择器：#namecolor:red 对应的控件： <input id="name" value="test"/>
类选择器：.namecolor:red 对应的控件： <input class="name" value="test"/>
元素选择器：div color:red 对应的控件： <div>ceshi</div>
子选择器：ul > li color:red 对应的控件：<ul><li>test</li></ul>
后代选择器：div p color:red 对应的控件： <div><p>test</p></div>
伪类选择器：a:hover color:red 对应的控件： <a href="#">test</a>
属性选择器：input[type="text"] color:red <input type="text" value="test" />
样式规则是用id选择器优先级高于类class；排列后面的样式覆盖前面的样式；指定的样式高于继承的样式； 参考技术C body是html默认标签，不支持border属性。

你可以在body里加一个div，来实现你的效果。本回答被提问者采纳