小编给大家分享一下CSS3新增的3个属性选择器有什么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!
元素的属性,我们都知道是什么,例如下面代码中类型和值就是输入元素的属性。属性选择器,顾名思义,就是通过属性来选择元素的一种方式。
& lt; ! DOCTYPE html>
& lt; html xmlns=癶ttp://www.w3.org/1999/xhtml"比;
& lt; head runat=皊erver"祝辞
,,,& lt; title> CSS3 属性选择器& lt;/title>
,,,& lt; style 类型=拔谋?css"比;
,,,,,,,/*清除所有元素默认的填充和利润率*/,,,,,,,*{填充:0;保证金:0;}
,,,,,,,/*清除列表项符号*/,,,,,,,ul {list-style-type:没有;}
,,,,,,,
,,,,,,,{
,,,,,,,,,,,显示:inline-block;
,,,,,,,,,,,字体大小:12 px;
,,,,,,,,,,,身高:20 px;
,,,,,,,,,,,行高:20 px;
,,,,,,,}
,,,,,,,/*匹配jpg文件*/,,,,,,,一个[href=美元“jpg"]:
,,,,,,,{
,,,,,,,,,,,内容:url (“. ./App_images/经验/run_css3/1.png");
,,,,,,,}
,,,,,,,/*匹配PDF文件*/,,,,,,,一个[href=美元“pdf"]:
,,,,,,,{
,,,,,,,,,,,内容:url (“. ./App_images/经验/run_css3/2.png");
,,,,,,,}
,,,,,,,/*匹配PDF文件*/,,,,,,,一个[href=美元“ppt"]:
,,,,,,,{
,,,,,,,,,,,内容:url (“. ./App_images/经验/run_css3/3.png");
,,,,,,,}
,,,& lt;/style>
& lt;/head>
& lt; body>
,,,& lt; ul>
,,,,,,,& lt; li> & lt; https://www.yisu.com/zixun/a href=" css3.jpg ">这是jpg图片
<李> 这是pdf文件
<李> 这是ppt文档