- 时间:2022-09-03 00:37 编辑: 来源: 阅读:306
- 扫一扫,手机访问
摘要:学习这6个强大的CSS选择器将真正帮助你写出干净的CSS代码!
[电影网站源码]
CSS中的选择器用于选择元素和样式。 我们用了其中一个之后,他们可能就很厉害了。 在这篇文章中,我将通过6个强大的CSS选择器来指导你,它们将真正帮助你在下一个项目中编写干净的CSS。 1.div & gt这个选择器将使我们能够选择其父元素是div标签的所有元素。 2.div +a选择紧跟在div元素后面的每个标签 如果在div和标签之间有一个元素,我们不会选择它。 3.div ~aa标签会选择每一个标签,然后在同一层添加div标签。 换句话说,如果A标签没有紧跟在div标签之后,而是将div标签作为它的兄弟元素,那么它将被选中。 4.[attribute = value]例如:[class = "list-"]该选择器将选择包含类属性且其值以list-开头的每个元素。 5.[attribute $ = value]例如:[src $ = "。png"]这将选择值以结尾的src属性。png。 6.[attribute * = value]例如:[class * = "-list"]该选择器将选择其class属性包含-list的每个元素。 不管-list是在类值的开头、中间还是结尾。 最重要的是值必须包含-list。 结论:有时,很难找到所需样式的元素。这是因为我们不熟悉CSS选择器,导致滥用。 在实际应用中,这些选择器可能非常有用。 目前在做前台开发。如果你现在想学习前台开发技术,并且遇到任何关于学习方法、学习路线、学习效率等方面的问题。入门过程中可以申请加入我的前台学习交流裙:前:603中:985末:993。 有少量初学者裙档正在自学前台。还有少量我在做前台技术期间整理的前台学习手册、前台面试问题、前台开发工具、PDF文档、书籍和教程。如果需要,可以自己下载。
![](http://bm.damiseo.cn/15914/www.php-asp.net/dami/0197833001587694385tp4-1.jpg)