电话
13363039260
-
read-write与:read-only选择器用法详解
:read-write与：read-only选择器在Web表单中，有些表单元素（如输入框、文本域等）有“可读写”和“只读”这2种状态。默认情况下，这些表单元素都处在“可读写”状态。在CSS3中，我们可以使用：read-write选择器和：read-only选择器来分别设置表单元素的“可读写”与“只读”这两种状态的CSS......
阅读全文 >> 931 -
伪类选择器link/：visited/：hover/：active
这四个比较常见，也与a链接密不可分，先拿出来说明一下，他们同属于伪类:link 选择器用于选取未被访问的链接。:visited 选择器对指向已访问页面的链接设置样式:hover 选择器用于设置鼠标指针浮动到链接上时的样式:active 选择器用于设置点击链接时的样式。当然hover也可以作用于其他元素上，只有老版本的i......
阅读全文 >> 804 -
属性选择器（X[title][href][data][foo])
X[title],将渲染有title的标签样式，只要有title属性在，就会有样式，不管title内容是什么 X [href =“url”],将渲染指定链接的样式 X [href * =“url”]，将渲染url中包含url链接的样式X [href ^ =“ http”]，将渲染http开头的链接，也可理解为以什么开头......
阅读全文 >> 734 -
属性选择器 [属性 ~= value]
例：属性中包含独立的单词为valuediv [class ~= haha]{width: 100px;height: 100px;background-color: cadetblue;}<div id="div1"><p class="p1 haha">......
阅读全文 >> 797 -
属性选择器 [属性 *= value]
例：属性中做字符串拆分，只要能拆分出来value这个字符串就行；div [class *= hello]{font-size:16px;color: red;}<div id="div2"><div class="dd"></div><d......
阅读全文 >> 636 -
属性选择器 [属性 |= value]
例：属性中必须是完整且唯一的单词，或者是 - 分割开div [class |= ggg]{font-size:20px;color: blue;}<div id="div3"><div class="rrr-ggg">1</div>//错误&l......
阅读全文 >> 696 -
属性选择器 [属性 ^= value]
例：属性中前几个字符是value就行div [class ^= en]{width: 100px;height: 40px;background-color: coral;margin-top:20px;}<div id="div4"><div></div>//正......
阅读全文 >> 730