CSS中如何使用多个ID

html-css021

CSS中如何使用多个ID,第1张

先回答第一个问题:第二个选择器你应该这样写#s1:hover,#s2:hover才会让s1生效。

第二个问题:我觉得想要一下子写完,推荐使用类选择器、标签选择器来做,对于有部分要改的特殊情况再用ID来写,注意ID选择器具有唯一性,而且它的优先级别也较高,用的时候注意是否要覆盖其他类选择器上设置的样式。

希望能帮到你。

一个div里面两个ul,分别定义样式么?

如果我理解正确的话,你只要活用选择器就好。

1.给ul命名,id class都行,例如

<ul id="myul">

<ul class="myul">

CSS中就是把ul换成相应的名字:(注意空格)

div #myul{}//id 或者 div ul#myul{}

div .myul()//class 或者 div ul.myul{}

2.属性值选择器,给ul添加不同的html属性值,例如:

<ul title="one"></ul><ul title="two"></ul>

CSS中定义样式:

ul[title="one"]{}

ul[title="two"]{}

用id 和class属性值也可以

除了第一种,第二种属于不常用的,还有很多不常用的选择器类别,你可以找资料了解下。基本上按照后代选择器+命名的方法,元素几乎都能单独调用。

后代选择器就是用DW工具添加样式的时候在css文件中显示的,按照层级选择元素的方法。

例如:

<body><div><p><p></div></body>

CSS中给p元素添加样式:

p{} //因为文档中只有一个p元素,所以我可以大胆的直接使用元素的名称

div p{} //规范的写法,这样能表明是在那个父级元素下的指定元素,配合命名方法,意思就是在指定名字1的父级元素之下的指定名字为2的某个元素。

1、公用CSS属性

eg: #ID1,#ID2,#ID3 {----------------------}

2、LI里的元素垂直居中

比如:

#id li{width:200pxheight:24px}

要让LI中的文字垂直居中,添加一个属性:

#id li{width:200pxheight:24pxline-height:24px}

ok