css表达式-上篇

css表达式-上篇

CSS Selector 语法选择元素原理

根据 tag名、id、class 选择元素

选择 子元素 和 后代元素

根据属性选择

验证 CSS Selector

前面我们看到了根据 id、class属性、tag名 选择元素。
如果我们要选择的 元素 没有id、class 属性，或者有些我们不想选择的元素 也有相同的 id、class属性值，怎么办呢？
这时候我们通常可以通过 CSS selector 语法选择元素。

1.CSS Selector 语法选择元素原理
HTML中经常要 为 某些元素 指定 显示效果，比如 前景文字颜色是红色， 背景颜色是黑色， 字体是微软雅黑等。
那么CSS必须告诉浏览器：要 选择哪些元素 ， 来使用这样的显示风格。
比如 ，下图中，为什么狮子老虎山羊会显示为红色呢？

因为蓝色框里面用css 样式，指定了class 值为animal的元素，要显示为红色。
其中 蓝色框里面的 .animal 就是 CSS Selector ，或者说 CSS 选择器。
CSS Selector 语法就是用来选择元素的。
既然 CSS Selector 语法 天生就是浏览器用来选择元素的，seleniu