29.尚硅谷_HTML&CSS基础_属性选择器.avi原创

我们来继续啊，再来说继续，其实就往下我们说的些选择器啊，包括刚才说的那几个什么first letter啊，First line啊，包括我们的after before啊，其实这些东西对于IE6来说就都已经都已经不支持了啊，都已经不支持了，所以如果你要考虑兼容I6的话，这些东西你就避免去，避免去用啊，避免去用，那接下来我们再来说一些还有什么呢？有一个我们叫做一个属性选择题，属性选择器，说这个选择器之前呢，我们先说一个，说一个属性啊，说一个属性来写一个P标签，我是一个这么一个段落一保存，这是一个皮标签，我们还有一个属性叫什么呢？叫做一个title，一个属性，Title属性啊，这是我们A标签里边的一个属性，我们说什么呢？这个属性可以什么呢？可以给我们这个，诶任何标签干嘛呀，指定啊指定比如说在P标签里，我这写一什么呢，写一个这个title title写一个写一个什么呢？哎，我是这。

这个title中的什么呢？Title中的这个文字title什么意思呀？是不是就是标题的意思呀？诶，那这东西有啥用啊，我们来看效果啊，一刷新你看我说出来这属性是不是没有任何表没有任何区别呀，但是当我把鼠标移入到这个元素上的时候，发现干嘛了，哎，我是态度中的文字，这个文字是不是作为一个提示文字，是不是给我显示出来了呀？哎，显出来了啊，所以这里边说叫什么呢？Title属性，当我们这个鼠标移入到什么呢？移入到我们这个元素上时。元素中的这个什么呢？哎，元素中title，哎属性的这个提示，哎中的这个属性的这个值吧，哎属性的值将会作为我们这个提示文字干嘛呀？诶显示啊，将会作为我们这个提示文字显示，所以这个属性呢，有时候我们会会用一下啊，就说这么一个属性，说这个属性也是为了待会我们来测试一下啊，那比如说我这写一个什么呢？我这写一个hello，然后我一保存，那你说我鼠标在移入的时候显示什么了，诶显示hello了啊，他就里写啥，它就显示啥，好那这里边我们多写几个啊，多写几个，然后呢，这个呢，Hello，我有几个不写的。

诶诶，我写这么几个啊，保存现在我一刷新，上边这个有title，下边这个嘛呀，也有title，中间这有没有啊，哎，没有啊没有，接下来我们要做一个什么呢？做这么一个功能style，我要为所有有什么呀，所有具有我们这个叫做什么呀？哎title属性，哎title属性的元素，哎属性的这个P元素干嘛呢？诶设置一个背景颜色为什么呢？为黄色啊所有具有T属性的P元素，这个呢，我改一个ABC，诶所有具有T度属性的P元素，设置一个背景颜色为黄色，那这个东西我要怎么写，那首先第一个要求它得是什么呀？得是P元素对吧？那我直接来一个P，然后来一个大括号，大括号来什么呢？来一个这个。

诶，Background color来一什么呢？来一个这个yellow保存，我们来看一刷新变成黄色了，但是满不满足我们的要求，哎，不满足我们要什么呀，我们要有title属性的，而我们title属性只有谁有啊，第一个还有谁啊，最后一个中间这几个有没有啊，没有啊没有，那这块怎么办呢？诶那就要用到了什么呀，我们这个属性选择器，哎属性选择器什么意思呀，作用哎可以根据我们这个元素中的什么呀，哎属性哎或什么呢？或我们这个属性值。哎来干嘛呢？哎来选取指这元素，那现在我们要选取什么呀？我们要选取具有title属性的元素吧，那就说我管不管它值是多少，不管它值是hello也好，是ABC也好，我管不管啊不管，只要有title是不行啊，那怎么办呢？我直接在P后边紧跟着一个什么呢？中括号一个T，这表示什么呢？表示你既得是P元素，同时你这个元素里还得有什么呀，还得有它的属性，那我们来看这几个，这是四个，还选不选了，不选了，因为他们没有什么呀，没有它的属性值啊，没有它的水性值，我一保存，我一刷新走，你看中间这是不是就没了呀？哎，中间没了啊，所以这是我们第一种使用选择器，来说下它的语语法啊，语法挺多的，语法第一种我们叫一个中号，里边是一个什么呀，属性名叫什么呢？选取诶叫什么呢？含有指定属性的什么呀，元素。

啊，含有指定属性元素，换句话说我管不管你的值是多少，不管只要你有就行了，那我这如果写的是class呢，表示什么呀？有class的这个元素吧，我要写ID就是什么呀，有ID元素啊，中间这块是可以可以改变的啊，可以改变的啊叫做这么一个属性名，好那接着来说再来说了，那现在干嘛呢？我不仅仅想选择有title使用值的，还干嘛呢？为我们这个title属性值为什么呢？是这个hello的这个元素，设置一个这个背景颜色为什么呢？为黄色，诶你还得你不仅得有title，你的值还得是什么呀，还得是hello，那这我怎么写呀，其实也简单直接，里边我这是不是光写一个title啊，我写一什么呢？等于一个hello是不行了呀，诶那这要求干嘛呀，你不仅得有title，而且你的title值还得是什么呀？还得是hello啊，还得是hello包。

保存我们来一刷新走你诶是不是只有它变了呀，为什么呀，因为最后这个是什么呀，ABC啊ABC，如果这里边我再加一个，我再加一个什么呢？我让第三个的title值也是什么呢？也是hello，我一保存再来刷新走，你是不是第三个也变了呀，诶这个表什么呀，你既得有这个title，你的值还得是什么呀，Hello，我们也可以干嘛呢？给hello加一个什么呀，双引号，哎双引号效果是什么呀？一样的啊一样的，但是双引号呢，其实一些特殊的名的话必须得加，但是现在我们这个加不加都行，那你们就尽量给它加什么啊，给它加什么title来第二种语法，我们叫一个叫什么，叫一个这个属性名等于什么呀？属性值叫什么呢？哎，选取含有什么呀？哎，指令属性值的什么呀，元素啊，你不仅得有这个属性，你的值还得是什么呀，我指定那个值啊，我指是那个值，好，那接下来我们再来说，诶，那现在我这有一。

呃，Hello hello呢，然后我这儿可能还有一个什么呢？可能有一个这个诶title title等于一个ABC，这还有一个什么呢？Title等于一个诶AB诶CCD这么一个，我希望找一个什么呢位我们这个title属性值以什么呀？以这个AB开头的元素设置一个这个背景颜色为什么呢？为黄色，那注意了title使用值以AB开头元素，那我们来看这么写行不行，直接P中号来一个tle开头等于什么呀？等于个AB这么写行不行？这么写表什么意思？诶是不是属性值为AB的呀？那问题来了，我这有没有属性值为VAB的呀？没有，所以这一刷新走，你是不是一个都没有啊，我现在需要什么呀？是不是属性值以AB开头啊？那这玩意儿怎么写？诶在等于号前边加这么一。

诶，这么一个小三角，这表示什么呢？以什么什么开头啊，以什么什么开头保存我们先看效果啊，一刷新走，你看看这三个是不是全变了呀，为什么呀，因为这三个的值是，诶，AB CA ABCC DAC，是不是全都是以AB开头的呀？哎，以为开头的啊，所以这个表示什么呀？以什么什么开头啊，以什么什么开头，所以这来复制一下中号，我们叫做一个属性名，然后这一个小三角等于一个引号，我们叫做什么呀？属性值，这小三角在哪呢？在我们这个六的什么呀上边啊，SHIFT6啊SHIFT6属性值叫什么呢？选取我们这个什么呀，属性值也指定内容开头的什么呀，元素啊，以指定内容开头的元素，这东西有了，那我还需要找什么呀？

诶是不是有开头，是不是也有结尾啊，叫什么呢？哎为我们这个title头属性值以什么呢？以我们这个有什么呀？C吧，哎以C，诶结尾的这个元素设置一个这个哎背景颜色那这块我怎么写呢？哎，其实跟它差不多，我们这儿来一个title，来一个三角，等于来一个C，这是以C开头吧，诶我就不写三角了，换一个来一个什么呢？来一个Dollar符啊Dollar服来咱们看效果，直接来一个background color也是来一个yellow，保存直接刷新走，你发现什么了？是不是只有这两个变了呀，为什么呀，是不是只有他们两个是以这个C结尾的呀？诶C结尾的啊，所以do符表示以成什么结尾道符，诶选举属性之一，指定内容哎结尾元素，诶有开头的有结尾了，我们还有一个叫什么呢。

哎，还有包含哎来这里边我们直接看，现在我找一个找一个这个，诶我不写Dollar c了，我写什么呢？我写这个星C星C我们看什么效果，星等于C来一刷新走你诶你发现干嘛了，是不是它也变了呀？哎，他也变了，那星C表示什么意思呀？哎，我要找你那个什么呀，属性值里边有没有C，只要有C我是不是选中啊，而我不管你C在什么呀，你是在后头还是在什么呀，还是在前头还是在什么呀，还是在中间，我是不是不管呀，来hello，我这来一什么呢？C hello，我这一保存一刷新装你是不是也选中了，哎哎，我把这C干嘛呢？我把这C放后边，我一保存，你刷新是不是也选中啊？诶你那把C放中间是不是一样呀？哎，一样，所以这里边什么呢，它不管你C出现的位置，只要你这值里边有C就行，而没有干嘛了，是不是就不变了呀，哎，就不变了啊，所以这来一个叫做一个星，等于还有一种直接来一个中号，我们来一个属性名，来一个什么呢。

来一个星等于来一个这个属性值叫什么呢？诶选取我们这个属性值以我们这个诶叫什么呀？诶包含诶指定内容的什么呀，元素啊，属性值包含指定内容元素，这个小三角找开始到的时候找结尾星号找什么呀？呃随意啊，只要有就行啊，只要有就行啊这是我们说这么几个属性选择器啊，说这么几个常用的，当然还有一些呢，其实用的不是那么多的，你们感兴趣可以自己去研究一下，包括还有一些什么呀，这种这种波浪号的呀，这种竖线的呀，这两种是吧，感兴趣自己去看一下，我们就说一些我们常用就OK了啊这些呢，在我们这个手册里都能找到啊，都能找到，好，那这也是我们说的一个属性选择器，我们来听一下。