hyhJP的博客

属性名^=属性值]{} 选择指定属性以指定属性值开头的元素。注意：并不是所有的样式都会被继承，比如：背景相关的，布局相关等不会被继承。[属性名=属性值]{} 选择含有指定属性和属性值的元素。[属性名$=属性值]{} 选择属性值以指定值结尾的元素。优势：方便我们开发，讲一些通用的样式统一设置到共同的祖先元素上，[属性名*=属性值]{} 选择属性值含有某值的元素。定义：为一个元素设置的样式，同时也会应用到它的后代元素上。语法：[属性名]{} 选择含有指定属性的元素。子元素的样式都可以获取到样式。

注意：如果选择器中有标签选择器，那么标签选择器必须放在第一位。父子关系：直接包含或者被包含的关系 父元素 子元素。作用： 同时符合选择器1选择器2···对应的内容。在选择器1或者选择器2或者····里面的内容。语法：选择器1,选择器2,····{}作用：通过指定的祖先元素找到指定的后代元素。语法： 选择器1选择器2····{}作用：通过指定的父元素找到指定的子元素。作用：通过指定的兄找到紧挨弟弟。语法：祖先元素 后代元素{}语法：父元素>子元素{}兄弟关系：拥有共同的父元素。

作用：通过对应class属性值选中内容，跟id选择器很像，不同的是class属性值可重复使用。写在head标签内，写一个style标签，在style标签内，通过选择器，选中对应的内容。在html文件外面新建一个.css文件，在css文件内，选中对应的内容，写css样式。写在开始标签或者自结束标签内部，写一个style属性，将css样式写在属性值。通过在html文件head标签内写link标签，引入对应的css文件。缺点：1、css样式，还是写在html文件内部，会导致代码量很多。语法：.class属性值。