select nth-child from 1st to 4th

See also questions close to this topic

• Should I give a very specific class name to a div and then select it with class selector or very generic name and select it with descendant selector

  Imagine I have a div with children div and grandchildren divs like this:

  <div class='1'>
      <div class='2'>
          <div class='3'>
              <div class='4'>
                  <p class=''>Username</p>
                  <p class=''>Description</p>
                  <p class=''>Views</p>
              </div>
          </div>
      </div>
  </div>
  

  Let's say I want to give a class name to the first <p> element so I can apply some CSS to the first <p> element only.

  Should I give it a generic class name like 'username' and then select that username using descendant selector like this:

  .1 .2 .3 .4 .username {
      color: black;
  }
  

  Or should I give it a very specific class name like 'profile-page-username' and select it with the class selector like this:

  .profile-page-username {
      color: black;
  }
  

  If I understand it correctly, if I use the first way, I can give class name of 'username' to as many elements as I want and still apply different CSS rules to each one of them because I'm not selecting all elements with 'username' but only the element with 'username' that is children to the previously mentioned elements.

  I'm wondering if one way is better/more used/more conventional than the other.
• how can configure mathjax to recognize textrm{} in equation when using textcolor?

  i'm trying to make html page from LaTEX document that recently achieve it, i used the following mathjax, script configuration, after the head tag:

            <script type="text/x-mathjax-config">
             MathJax.Hub.Config({
             extensions: ["tex2jax.js"],
             jax: ["input/TeX", "output/HTML-CSS"],
            tex2jax: {
              inlineMath: [ ['$','$'], ["\\(","\\)"] ],
           displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
               processEscapes: true
             },
               "HTML-CSS": { fonts: ["TeX"] }
              });
            </script>
            <script type="text/x-mathjax-config">
                  MathJax.Hub.Config({
                  "HTML-CSS": { 
                  styles: {".MathJax": {color: "#FF0000 ! important"}} 
                              }
                                    });                 
  
            MathJax.Hub.Queue(
            ["resetEquationNumbers",MathJax.InputJax.TeX],
            ["PreProcess",MathJax.Hub],
            ["Reprocess",MathJax.Hub]
             );
             </script> 
  

  when i try to write the following equation:

   \[
   \det A=|A|=\left\{
  \begin{array}{ll}
  -\textrm{fixation d'une  \textcolor{red}{ligne:}} i=\color{red}{p} \Rightarrow |A|=(-1)^{\color{red}{p}+j}\Delta_{\color{red}{p}j}\\
  -\textrm{fixation d'une colonne:  } j=\color{red}{p} \Rightarrow |A|=(-1)^{\color{red}{p}+i}\Delta_{i\color{red}{p}}
  \end{array}
  \right.
  \]
  

  the command textcolor{red} doesn't work, what can i do it with mathjax to configure it in order to get a colorful text in equation. this is the result of my compilation: screen of my compilation
• Crossbrowser compatibility with React/Angular

  As I am novice in web development I want to ask for clarification in following issues:

  1) What is the best practice to avoid crossbrowser issues (I found a lot of varianced info about that). I need clear, simple 'recipe' - what I should do first, next and so on.

  2) Related to point 1 what should we do when we want to keep crossbrowser compatibility AND get rid off JQuery from our project ?

  3) If we have React/Angular with preprocessors (SASS) and framework such as Flexbox/Bootstrap on our disposal what else can or should we do to create professional-looking website in terms of crossbrowser compatibility?
• How to find element based on what its value ends with in Selenium?

  I am dealing with a situation where every time I login a report is displayed in a table whose ID is dynamically generated with random text ending with "table".

  I am automating this table with selenium python web driver. It has Syntax

  driver.find_element_by_xpath('//*[@id="isc_43table"]/tbody/tr[1]/td[11]').click();
  

  help me editing this syntax to match it with table ending id with "table". (only one table is generated).
• Unable to click on hyperlink when running selenium webdriver script

  I've been trying to click onto the hyperlink which leads to a popup on the screen. For some reason it is not working, currently the html for the hyperlink is this:

  <a href="javascript:void(0)" class="operating-hours left">Select Hours</a>

  Trying with this selenium code:

  new WebDriverWait(driver, 50).until(ExpectedConditions.elementToBeClickable(By.linkText("Select Hours"))).click(); 
  

  Also tried:

  driver.findElement(By.id("operating_hours")).click();
  

  Interestingly I am not getting any error either, just that the hyperlink is not clicked. screenshot after running the script After running the script, that is the screenshot.

  Whereas the script should have opened this popup window popup that should open after running the script @DebanjanB hope that clarifies the problem.
• selecting an element not highlighting the actual element position in remote debugging of samsung galaxy S5

  When I try to remotely debug a Samsung galaxy S5 device and hover on a particular element using the selector it does not highlight the exact position of the element but it highlights somewhere else which is hindering the Automation testing. Has anyone faced the same issue and has any solution?

  Screenshot attached for logon button highlight.