选择图像的alt属性

时间:2014-08-27 06:20:44

标签: css css-selectors

我有

   <div id="aa">
   <img src="." height="17" alt="example1" title="">
       <table>
            <tbody><tr>
              <th></th>
              <td></td>
       </tbody>
       </table>


   <img src="." height="17" alt="example2" title="">
       <table>
            <tbody><tr>
              <th></th>
              <td></td>
       </tbody>
       </table>


   <img src="." height="17" alt="example3" title="">
       <table>
            <tbody><tr>
              <th></th>
              <td></td>
       </tbody>
       </table>
   </div>

我只想选择属性&#34; alt&#34;值&#34; example1,example2,example3&#34;的图像。我怎样才能得到它们。

2 个答案:

答案 0 :(得分:4)

要选择某个属性,请使用选择器img[alt="example1"], img[alt="example2"], img[alt="example3"]

答案 1 :(得分:3)

我认为你的意思是你要在alt属性中选择包含example*的所有图像(在CSS中),这样你就可以设置样式。 (并且您并不意味着您实际上想要选择alt属性中的文本集)

您可以使用属性选择器:

img[alt~="example"] {
    border: 1px solid red;
}