CSS如何在div里定义2个不同的ul属性？

时间：2021-04-16

　　一个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的某个元素。

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章