• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • 位置: css 中文手册

    css 选择器

    p很多书,一上来就介绍说“一个样式的语法是由三部分构成:选择器、属性和属性值……”,然后就滔滔不绝地说选择器的语法,讲解各种选择器。读者几乎把所有选择器看完了,都不知道选择器究竟是什么东西?!为了避免这种人间悲剧的发生,在讲解选择器语法和类型之前,我们先给大家详细讲解选择器究竟是怎么的一回事。我们先看一段代码:

    <!doctype html> 
    <html>
    <head>
        <title>什么叫css选择器?</title>
    </head>
    <body>
        <div>编程网</div>
        <div>编程网</div>
        <div>编程网</div>
    </body>
    </html>
    
    p如果我们只想要第二个div文本颜色为红色,怎么办呢?我们必须通过一种方式来“选中”第二个div(因为其他的div不能选中),然后把它的CSS属性颜色color改为红色,这样才行。像这种把某一个你想要的标签选中的方式就是所谓的“选择器”,也就是说选择器就是一种选择元素的方式。

    pb

    p选择器,说白了就是用一种方式把你想要的那一个标签选中!把它选中了,你才能操作这个标签的CSS样式。这样够简单了吧。CSS有很多把你所需要的标签选中的方式,这些不同的方式就是不同的选择器。

    p选择器的不同,在于它选择方式不同,但是他们的目的都是相同的,那就是把你需要的标签选中,然后让你定义该标签的CSS样式。当然,你也有可能会用某一种选择器代替另一种选择器,这仅仅是由于选择方式不一样罢了,目的还是一样的。