问几个css问题,在w3school还是不太理解。

Helloall 发布于 2014/07/29 23:08
阅读 246
收藏 1

img{

float: right;

clear: right;}

第一个是设置右边浮动元素,例如在右侧显示一张图 ,第二个clear是什么意思?在w3school cn 的解释是“clear 属性规定元素的哪一侧不允许其他浮动元素。” 但是这个clear在这里有什么用 ?

________________

CSS 相邻兄弟选择器

这个是什么意思?

<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
li + li {font-weight:bold;}
</style>
</head>

<body>
<div>
  <ul>
    <li>List item 1</li>
    <li>List item 2</li>
    <li>List item 3</li>
  </ul>
  <ol>
    <li>List item 1</li>
    <li>List item 2</li>
    <li>List item 3</li>
  </ol>
</div>
</body>
</html>



为什么只有 列表中第二开始的会变粗?? 我很困惑。这个相邻兄弟选择器到底起到什么作用??

加载中
0
饶飞成
饶飞成

clear就是清楚它之前的浮动,right就是清楚右浮动。

兄弟选择器可以参考一下http://blog.sina.com.cn/s/blog_818a1e5b0100w2hw.html,说的还行!

0
都哑
都哑
clear是相对于上一个相邻的块,上一个块如果存在float:right那么就clear
0
无尽的折腾啊
无尽的折腾啊

 w3school 写的很清楚么,请看完,别跳着看了。

<div>
  <ul>
    <li>List item 1</li>
    <li>List item 2</li>
    <li>List item 3</li>
  </ul>
  <ol>
    <li>List item 1</li>
    <li>List item 2</li>
    <li>List item 3</li>
  </ol>
</div>
在上面的片段中,div 元素中包含两个列表:一个无序列表,一个有序列表,每个列表都包含三个列表项。这两个列表是相邻兄弟,列表项本身也是相邻兄弟。不过,第一个列表中的列表项与第二个列表中的列表项不是相邻兄弟,因为这两组列表项不属于同一父元素(最多只能算堂兄弟)。

请记住,用一个结合符只能选择两个相邻兄弟中的第二个元素。请看下面的选择器:

li + li {font-weight:bold;}

上面这个选择器只会把列表中的第二个和第三个列表项变为粗体。第一个列表项不受影响。

返回顶部
顶部