例：属性中必须是完整且唯一的单词，或者是-分割开div[class|=ggg]{font-size:20px;color:blue;}<divid="div3"><divclass="rrr-ggg">1</div>//错误<divclass="rrrggg">2</div>//错误<divclass="ggg">3</div>//正确<divclass="...

例：属性中做字符串拆分，只要能拆分出来value这个字符串就行；div[class*=hello]{font-size:16px;color:red;}<divid="div2"><divclass="dd"></div><divclass="ddssshello">Loremipsumdolorsitamet,consecteturadipisicinge...

例：属性中包含独立的单词为valuediv[class~=haha]{width:100px;height:100px;background-color:cadetblue;}<divid="div1"><pclass="p1haha"></p>//正确<pclass="p1"></p></div>

[attr]：匹配拥有attr属性的标签。[attr=val]：匹配拥有attr属性，属性值为val的标签。[attr^=val]：匹配拥有attr属性，属性值以val开头的标签。[attr$=val]：匹配拥有attr属性，属性值以val结尾的标签。[attr*=val]：匹配拥有attr属性，属性值包含val的标签。

属性选择器在css2中引入，使我们可以根据元素的属性及属性值来选择元素。下面分别来说明：(1)简单属性选择器简单的属性选择器可以使我们根据一个元素是否包含某个属性来做出选择。使用方法为:元素名[属性名]或*[属性名]。比如我们希望选择带有alt属性的所有img元素：img[alt]{...}选择带有title属性的所有元素：*[title]{...}。同类选择器类似，我们也可以根据...

X[title],将渲染有title的标签样式，只要有title属性在，就会有样式，不管title内容是什么X[href=“url”],将渲染指定链接的样式X[href*=“url”]，将渲染url中包含url链接的样式X[href^=“http”]，将渲染http开头的链接，也可理解为以什么开头的链接，如图所示toutiao开头的为黄色，http开头的为红色x[href$="....

选择符：标签选择符、类选择符、id选择符；继承不如指定Id>class>标签选择内联和important优先级哪个高：important优先级高

块元素转行内元素：display:inline;行内元素转块元素：display:block;块和行内元素转行内块元素：display:inline-block;

a/*所有超链接*/a:link/*超链接文字格式*/a:visited/*浏览过的链接文字格式*/a:active/*按下链接的格式*/a:hover/*鼠标转到链接*/鼠标光标样式：链接手指CURSOR:hand十字体cursor:crosshair箭头朝下cursor:s-resize十字箭头cursor:move箭头朝右cursor:move加一问号cursor:h...

list-style-type:none;/*不编号*/list-style-type:decimal;/*阿拉伯数字*/list-style-type:lower-roman;/*小写罗马数字*/list-style-type:upper-roman;/*大写罗马数字*/list-style-type:lower-alpha;/*小写英文字母*/list-style-type:uppe...