css
り゛宿҈命҈ゞ �
这个作者很懒,什么都没留下…
展开
-
CSS ::selection 选择器
HTML 用法<body><h1>::selection选择器匹配元素中被用户选中或处于高亮状态的部分</h1><p>实例:将选定的文本红色</p><div>这是div元素中的一些文本.</div><a href="http://www.semi-warm.com/" target="_bl...原创 2019-03-30 13:52:54 · 297 阅读 · 0 评论 -
CSS :only-of-type 选择器
HTML 用法<body> <h1>:only-of-type选择器匹配属于同类型中唯一同级元素</h1> <h3>实例:匹配属于同类型中唯一同级元素的p元素的背景颜色<h3><div><p>www.semi-warm.com</p></div><div>...原创 2019-03-25 21:16:07 · 261 阅读 · 1 评论 -
CSS :last-of-type 选择器
HTML 用法<body><h1>:last-of-type选择器匹配元素其父级是特定类型的最后一个子元素</h1> <h3>实例:指定其父级的最后一个p元素的背景色</h3><p>www.semi-warm.com</p><p>www.semi-warm.com</p><...原创 2019-03-25 21:12:09 · 523 阅读 · 0 评论 -
CSS :first-of-type 选择器
HTML 用法<body> <h1>:first-of-type 选择器匹配元素其父级是特定类型的第一个子元素</h1> <h3>实例:选择的 p 元素是其父元素的第一个 p 元素</h3><p>半暖茶港</p><p>半暖茶港</p><p>半暖茶港</p&...原创 2019-03-25 21:08:15 · 157 阅读 · 0 评论 -
CSS [attribute*=value] 选择器
HTML 用法<body> <h3>[attribute*=value] 选择器匹配元素属性值包含指定值的元素</h3><div class="first_test">半暖茶港</div><div class="second">半暖茶港</div><div class="test">www.s...原创 2019-03-25 20:54:13 · 219 阅读 · 0 评论 -
CSS [attribute$=value] 选择器
HTML 用法<body> <h3>[attribute$=value] 选择器匹配元素属性值带指定的值结尾的元素</h3><div class="first_test">www.semi-warm.com</div><div class="second">半暖茶港</div><div class=...原创 2019-03-25 20:49:51 · 367 阅读 · 0 评论 -
CCS [attribute^=value] 选择器
HTML 用法<body> <h3>[attribute^=value] 选择器匹配元素属性值带指定的值开始的元素</h3><div class="first_test">www.semi-warm.com</div><div class="second">半暖茶港</div><div class=...原创 2019-03-25 20:44:23 · 425 阅读 · 0 评论 -
CSS :hover选择器
HTML 用法<body> <h3>选择鼠标移到链接上的样式</h3><a href="http://www.semi-warm.com">semi-warm.com</a><a href="http://www.semi-warm.com">semi-warm</a>原创 2019-03-17 20:25:32 · 192 阅读 · 0 评论 -
CSS :active选择器
HTML用法<body> <h3>选择激活的链接样式</h3><a href="http://www.semi-warm.com">semi-warm.com</a><a href="http://www.semi-warm.com">semi-warm</a>&原创 2019-03-17 20:21:17 · 368 阅读 · 0 评论 -
CSS :only-child 选择器
HTML 用法<body> <h1>:only-child选择器匹配属于父元素中唯一子元素的元素</h1> <h3>实例:匹配属于父元素中唯一子元素的p元素</h3><div><p>www.semi-warm.com</p></div><div><span>...原创 2019-03-25 21:20:34 · 1101 阅读 · 0 评论 -
CSS :nth-child() 选择器
HTML 用法<body><h1>:nth-child(n) 选择器匹配父元素中的第 n 个子元素,元素类型没有限制</h1><p>实例。</p><p>指定每个 p 元素匹配的父元素中第 2 个子元素的背景色。</p><p>半暖茶港</p><p>www.warm-s...原创 2019-03-30 12:58:19 · 177 阅读 · 0 评论 -
CSS :not 选择器
HTML 用法<body><h1>:not(selector) 选择器匹配每个元素是不是指定的元素/选择器</h1><p>半暖茶港</p><p>半暖茶港</p><div>实例:为每个并非 p 元素的元素设置背景颜色</div><a href="http://...原创 2019-03-30 13:44:37 · 967 阅读 · 0 评论 -
CSS :disabled 选择器
HTML 用法<body> <h2>:disabled 选择器匹配每个禁用的的元素(主要用于表单元素)</h2> <p>设置所有type="text"的禁用的输入元素的背景颜色</p><form action="">First name: <input type="text" value="半暖茶港" /&...原创 2019-03-30 13:31:39 · 793 阅读 · 0 评论 -
CSS :enabled 选择器
HTML 用法<body> <h2>:enabled 选择器匹配每个启用的的元素(主要用于表单元素)</h2> <p>实例:设置所有type="text"的启用的输入元素的背景颜色</p><form action="">First name: <input type="text" value="半暖" /...原创 2019-03-30 13:27:02 · 395 阅读 · 0 评论 -
CSS :target 选择器
HTML 用法<body><h1># 锚的名称是在一个文件中链接到某个元素的URL。元素被链接到目标元素</h1><p><a href="#news1">www.warm-semi.com</a></p><p><a href="#news2">www.warm-semi.com&...原创 2019-03-30 13:20:05 · 1588 阅读 · 0 评论 -
CSS :empty 选择器
HTML 用法<body><h1>:empty选择器选择每个没有任何子级的元素(包括文本节点)</h1><p></p><p>实例:指定空的p元素的背景色</p><p>半暖茶港</p></body>CSS 用法p:empty{ width:200px; ...原创 2019-03-30 13:14:18 · 567 阅读 · 0 评论 -
CSS :root 选择器
HTML 用法<body><h1>:root选择器用匹配文档的根元素</h1><p>实例:设置HTML文档的背景色</p></body>CSS 用法:root{ background:yellow;}...原创 2019-03-30 13:10:38 · 984 阅读 · 0 评论 -
CSS :last-child 选择器
HTML 用法<body> <h3>:last-child选择器用来匹配父元素中最后一个子元素</h3><p>指定父元素中最后一个p元素的背景色</p><p>www.warm-semi.com</p><p>半暖茶港</p><p>www.warm-semi.com&l...原创 2019-03-30 13:07:48 · 346 阅读 · 0 评论 -
CSS :nth-last-child() 选择器
HTML 用法<body><h3>:nth-last-of-type(n)选择器匹配同类型中的倒数第n个同级兄弟元素</h3><p>实例:指定每个p元素匹配同类型中的倒数第2个同级兄弟元素背景色</p><p>半暖茶港</p><p>www.warm-semi.com</p><...原创 2019-03-30 13:03:23 · 1061 阅读 · 0 评论 -
CSS :visited选择器
HTML 用法<body><h3>选择访问过得链接样式</h3><a href="http://www.semi-warm.com">semi-warm.com</a><a href="http://www.semi-warm.com">semi-warm</a>原创 2019-03-17 20:17:44 · 629 阅读 · 0 评论 -
CSS :link选择器
HTML 用法<body><h3>选择未访问链接样式</h3><a href="http://www.semi-warm.com">semi-warm.com</a><a href="http://www.semi-warm.com">semi-warm</a>&原创 2019-03-17 20:13:34 · 282 阅读 · 0 评论 -
CSS [attribute|=value]选择器
HTML 用法<body><h3>选择 lang 属性值以 "en" 开头的元素 并设置其样式</h3><p lang="en">Hello</p><p lang="en-us">Hi</p><p lang="en-gb&原创 2019-03-17 20:07:13 · 285 阅读 · 0 评论 -
CSS :first-letter选择器
HTML 用法<body> <h1>:first-letter选择器用来指定元素第一个字母的样式</h1> <h3>每个 p 元素的第一个字母选择的样式</h3> <p>www.semi-warm.com</p> <p>semi-warm...原创 2019-03-20 19:46:13 · 276 阅读 · 0 评论 -
CSS :focus选择器
HTML 用法<body><h3>:focus选择器用于选择具有焦点的元素</h3><p>点击文本输入框表单可以看到黄色背景:</p><form>First: <input type="text" name="first" /><br>Last: <input type="text"...原创 2019-03-20 19:36:38 · 375 阅读 · 0 评论 -
CSS element>element选择器
HTML用法<body><h1>element>element 选择器用于选择特定父元素</h1><div><h2>注意: 元素没有被选中是不能直接指定父级的子元素</h2><p>此处被选中</p></div><di原创 2019-03-15 21:10:30 · 381 阅读 · 0 评论 -
CSS element element选择器
HTML用法<body><div><p>1.用于选择元素内部的元素。</p><p>2.选择div元素内的所有p元素</p></div><p>3.不在div中</p><p>1 2 在div中因此被选择 3不在div原创 2019-03-15 20:34:25 · 518 阅读 · 0 评论 -
CSS element,element选择器
HTML用法<body><h1>几个元素具有相同的样式</h1><h2>用逗号分隔每个元素的名称</h2><div><p>选择所有p元素</p><p>以及h元素</p></div>&a原创 2019-03-15 20:21:56 · 386 阅读 · 0 评论 -
CSS element选择器
HTML用法 <h1>element选择器选择指定元素名称的所有元素</h1><div> <p id="firs">选择所有p元素</p> </div> <p>My best friend is Mickey.</p>原创 2019-03-15 20:06:27 · 235 阅读 · 0 评论 -
CSS*选择器
html用法 &lt;h1&gt;选择所有元素,设置其背景颜色&lt;/h1&gt; &lt;div class="color"&gt; &lt;p id="first"&gt;选择所有元素&lt;/p&gt; &lt;/div&原创 2019-03-15 19:44:44 · 129 阅读 · 0 评论 -
CSS#id选择器
html用法 <div class="to"> <p id="dog">指定具有id元素的样式</p>css用法 #dog{ background-color: aqua; }原创 2019-03-15 11:14:56 · 1576 阅读 · 0 评论 -
CSS :first-line选择器
HTML 用法<body> <h1>:first-line选择器用来指定选择器第一行的样式。</h1> <p>实例 每个 p 元素的第一行选择的样式 www.semi-warm.com......................................................................原创 2019-03-20 19:58:03 · 298 阅读 · 0 评论 -
CSS :first-child选择器
HTML 用法<body> <p>:first-child 选择器匹配其父元素中的第一个子元素</p><h1>匹配 p 的父元素的第一个 p 元素</h1><p>www.semi-warm.com</p><div><p>www.semi-warm.com</p...原创 2019-03-20 20:08:01 · 760 阅读 · 0 评论 -
CSS[attribute~=value]选择器
HTML 用法<body><h3>选择标题属性包含单词"flower"的所有元素</h3><p>图片的 title 属性中如果带有 "flower" 单词,则会设置为黄色边框。</p><img src="chhkk.jpg" title="chhkk flower"原创 2019-03-17 20:00:46 · 329 阅读 · 0 评论 -
CSS [attribute=value]选择器
HTML 用法&lt;body&gt;&lt;p&gt;semi-warm="_blank" gets a yellow background: 此处无用不被选取&lt;/p&gt;&lt;a href="http://www.baidu.com"&gt;baidu.com&lt;/a原创 2019-03-17 19:49:53 · 162 阅读 · 0 评论 -
CSS [attribute]选择器
HTML 用法<body><p>选择所有带target属性的a元素</p><a href="http://www.taobao.com">taobao.com</a><a href="http://www.semi-warm.com" target="_blank">se原创 2019-03-17 19:40:50 · 255 阅读 · 0 评论 -
CSS element+element
HTML 用法<body><h1>用于选择指定的第一个元素之后紧跟的元素。</h1><div><h2>选择所有紧接着<div>元素之后的<p>元素</h2><p>此处不被选取</p></div>原创 2019-03-17 19:26:53 · 226 阅读 · 0 评论 -
CSS element1~element2选择器
HTML 用法<body><div>element1~element2 选择器匹配出现在 element1 后面的 element2....... element1 和 element2 这两种元素必须具有相同的父元素 但 element2 不必紧跟在 element1 的后面</div> <h3> 实例设置同一父元素下的 p 元素之后的...原创 2019-03-20 20:44:42 · 282 阅读 · 0 评论 -
CSS :lang()选择器
HTML 用法<body> <h3>:lang 向带有指定 lang 属性开始的元素添加样式</h3><p>www.semi-warm.com</p><p lang="it">半暖茶港</p><p><b>实例</b> 每个 p 元素lang属性值等于"it(Itali...原创 2019-03-20 20:31:29 · 545 阅读 · 0 评论 -
CSS :after选择器
HTML 选择器<body><h3>实例 每个 p 元素之后插入内容</h3><p>www.semi-warm.com</p><p>www.semi-warm.com</p><p><b>:after 选择器向选定的元素之后插入内容。</b> www.semi-warm...原创 2019-03-20 20:24:40 · 1014 阅读 · 0 评论 -
CSS :before选择器
HTML 选择器<body> <p>:before 选择器向选定的元素前插入内容</p> <p>实例 在每个 p 元素之前插入内容</p> <p><b>www.semi-warm.com</b></p></body>CSS ...原创 2019-03-20 20:17:39 · 263 阅读 · 0 评论