html - 如何使用 css 定位值选项？

Question

我正在寻找一种方法来定位我的值(value)选项 X 第 1 页。这似乎被定义为一个值(value)选项。我可以只针对 div 类将其稍微向下移动页面以与另一个元素对齐吗？

HTML:

<div class="pager">
<form class="awpcp-pagination-form" method="get">
    <table>
        <tbody>
            <tr>
                <td>1</td>
                <td>
                    <select name="results">                                                                         
                        <option value="5">5</option>                                                                                                          
                        <option value="10" selected="selected">10</option>                                                                                                          
                        <option value="20">20</option>                                                                                                   
                        <option value="30">30</option>                                                                                    
                        <option value="40">40</option>                                                                                                                       
                        <option value="50">50</option>                                                                                                                                      
                        <option value="60">60</option>                                                                                                
                        <option value="70">70</option>                                                                                             
                        <option value="80">80</option>                                                                                     
                        <option value="90">90</option>                                                    
                        <option value="100">100</option>                                                               
                        <option value="500">500</option>
                    </select>
                </td>
            </tr>
        </tbody>
    </table>
</form>

页码:https://adsler.co.uk/browse-adsler/

Answer 1

你的问题是相当不确定的，但假设你想要一种定位元素的方法，并且基于提供的 HTML，这是定位特定 HTML 元素的方法。

/* Pagination container */
.awpcp-pagination-form {
  outline: 1px solid purple;
  padding: 10px;
}


/* Only the selection within container */
.awpcp-pagination-form select {
  outline: 1px solid blue;
}


/* or */

select[name="results"] {
  background: red;
}

<div class="pager">
  <form class="awpcp-pagination-form" method="get">
    <table>
      <tbody>
        <tr>
          <td>1</td>
          <td>
            <select name="results">
              <option value="5">5</option>
              <option value="10" selected="selected">10</option>
              <option value="20">20</option>
              <option value="30">30</option>
              <option value="40">40</option>
              <option value="50">50</option>
              <option value="60">60</option>
              <option value="70">70</option>
              <option value="80">80</option>
              <option value="90">90</option>
              <option value="100">100</option>
              <option value="500">500</option>
            </select>
          </td>
        </tr>
      </tbody>
    </table>
  </form>