html中css和div引用的两种表达

html-css014

html中css和div引用的两种表达,第1张

1.#divid p{}选取的是id为divid下的所有p元素(#divid的子元素),可以有多个p元素。

<div id="divid">

<p>我被选取</p>

<p>我也被选取</p>

<p>我也被选取</p>

</div>

2.p#divid{}选取的是id为divid的p元素,只有一个元素。

<p id="divid">我是p元素,我的id是divid,只有我被选取。</p>

两者都可以用,视情况而定。

这个情况css是筛选不出来的呢,就好比一碗水里面你取一瓢,取上来的还是水呢!

以你现在的代码来看,

泛选择 .hebody .loc    (这样写就选择了所有的hebody下的loc类)

单独选择 .header div:nth-child(2) .loc        (这样写就单独选择了第一个含有loc类的容器了)

希望能帮到你!

DIV是指的层、CSS是编辑网页的一种样式。DIV即每一个网页打开时看到的不同方框或收缩框,那些就是一层一层的DIV制作而成。CSS则是每个对应层的制作格式、如果边框/文字的大小、格式、颜色、是否悬浮还是居中、是否以列表方式显示还是以一段一段的方式显示。总体来说、DIV就是网页的布局样式、CSS就是设置布局的格式(像布局属性)!