学会这6个强大的CSS选择器,将真正帮你写出干净的CSS代码!
导读:CSS中的选择器用于选择元素并设置其样式。在我们使用其中一个之后,它们可能会非常强大。在本文中,我将引导您通过6个功能强大的CSS选择器,这些选择器将真正帮助您在下一个项目中编写干净的CSS。 1. div ˃a 这个选择器将使我们能够...
CSS中的选择器用于选择元素并设置其样式。在我们使用其中一个之后,它们可能会非常强大。在本文中,我将引导您通过6个功能强大的CSS选择器,这些选择器将真正帮助您在下一个项目中编写干净的CSS。
1. div >
a
这个选择器将使我们能够选择所有父元素是div标签的元素。
2. div +a
选择紧接在div元素之后的每个标签。如果我们在div和a标签之间有一个元素,则不会选择该元素。
3. div ——aa
标签将选择每个标签,然后在同一级别上添加div标签。换句话说,如果a标签不是紧跟在div标签之后,而是具有div标签作为同级元素,则将选择该标签。
4. [属性^=值]
例如:[class ^ =" list-"]此选择器将选择每个包含class属性且其值以list-开头的元素。
5. [属性$=值]
例如:[src $ =".png"]这将选择每个值以.png结尾的src属性。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: 学会这6个强大的CSS选择器,将真正帮你写出干净的CSS代码!
本文地址: https://pptw.com/jishu/658363.html